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 Function类型
Dec 04 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
图片延迟加载的实现代码(模仿懒惰)
Mar 29 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
深入浅析var,let,const的异同点
Aug 07 Javascript
TypeScript开发Node.js程序的方法
Apr 30 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
利用Vue实现简易播放器的完整代码
Dec 30 Vue.js
在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实现网上点歌(二)
2006/10/09 PHP
set_include_path在win和linux下的区别
2008/01/10 PHP
在PHP中操作Excel实例代码
2010/04/29 PHP
让你成为更出色的PHP开发者的10个技巧
2011/02/25 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
angular.bind使用心得
2015/10/26 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
2018/11/23 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
python实现telnet客户端的方法
2015/04/15 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python利用微信公众号实现报警功能
2018/06/10 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
公司新员工的演讲稿注意事项
2014/01/01 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2015羊年春节慰问信
2015/02/14 职场文书
农业项目投资意向书
2015/05/09 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS