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 相关文章推荐
js 页面输出值
Nov 30 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
JavaScript中Window对象的属性及事件
Dec 25 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
Vue自定义表单内容检查rules实例
Oct 30 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
深入了解php4(2)--重访过去
2006/10/09 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
Vue.js计算机属性computed和methods方法详解
2019/10/12 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
python算法学习之计数排序实例
2013/12/18 Python
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
如何实现删除numpy.array中的行或列
2018/05/08 Python
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
python用requests实现http请求代码实例
2019/10/31 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
德购商城:德国进口直邮商城
2017/06/13 全球购物
财务工作疏忽检讨书
2014/09/11 职场文书
关于工作经历的证明书
2014/10/11 职场文书
民事和解协议书格式
2014/11/29 职场文书
体育活动总结
2015/02/04 职场文书
稽核岗位职责范本
2015/04/13 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
导游词之沈阳植物园
2019/11/30 职场文书