webpack+vue-cli项目中引入外部非模块格式js的方法


Posted in Javascript onSeptember 28, 2018

在开发vue的项目(我使用的是vue2),需要添加js,虽然可以通过npm install 安装插件,但是如果有一些插件并没有开源,这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外部js文件。

1.直接引用

webpack+vue-cli项目中引入外部非模块格式js的方法

Note:(红色标注部分)

位置1:将页面中需要用到的js,引入进来,from 后面是该js所在的文件目录;

位置2:需要用到位置一中定义的变量Swiper;

位置3:为防止eslint严格模式下报错,需要将位置2定义的swiper再次调用一下;

以上这篇webpack+vue-cli项目中引入外部非模块格式js的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
jquery实现手机号码选号的方法
Jul 31 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
常见的浏览器Hack技巧整理
Jun 29 Javascript
JS实现左边列表移到到右边列表功能
Mar 28 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 #Javascript
vue项目引入字体.ttf的方法
Sep 28 #Javascript
vue打包相关细节整理(小结)
Sep 28 #Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 #Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 #Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 #Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 #Javascript
You might like
PHP通过API获取手机号码归属地
2015/05/28 PHP
Yii2框架RESTful API 格式化响应,授权认证和速率限制三部分详解
2016/11/10 PHP
YII框架http缓存操作示例
2019/04/29 PHP
js parseInt("08")未指定进位制问题
2010/06/19 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
JQuery基础语法小结
2015/02/27 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
vue中动态select的使用方法示例
2019/10/28 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
Python使用剪切板的方法
2017/06/06 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
Python生成器generator用法示例
2018/08/10 Python
Django框架搭建的简易图书信息网站案例
2019/05/25 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
信息系统专业个人求职信范文
2013/12/07 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python