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 相关文章推荐
为超链接加上disabled后的故事
Dec 10 Javascript
jQuery focus和blur事件的应用详解
Jan 26 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
利用JavaScript实现拖拽改变元素大小
Dec 14 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 Javascript
javascript实现倒计时提示框
Mar 02 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
在线短消息收发的程序,不用数据库
2006/10/09 PHP
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
python使用Matplotlib画条形图
2020/03/25 Python
python读取目录下最新的文件夹方法
2018/12/24 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
python将时分秒转换成秒的实例
2019/12/07 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
销售心得体会
2014/01/02 职场文书
爱国主义演讲稿
2014/05/07 职场文书
办理房产证委托书
2014/09/18 职场文书
人事代理委托书
2014/09/27 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
化工生产实习心得体会
2016/01/22 职场文书