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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
用js将long型数据转换成date型或datetime型的实例
Jul 03 Javascript
JS运动特效之同时运动实现方法分析
Jan 24 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
May 01 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 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
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
JavaScript的document对象和window对象详解
2010/12/30 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
jquery图片倾斜层叠切换特效代码分享
2015/08/27 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
python开发游戏的前期准备
2019/05/05 Python
python pygame实现滚动横版射击游戏城市之战
2019/11/25 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
matplotlib事件处理基础(事件绑定、事件属性)
2021/02/03 Python
教师专业理论水平的自我评价分享
2013/11/09 职场文书
大专生简历的自我评价
2013/11/26 职场文书
歌咏比赛主持词
2015/06/29 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
导游词之昭君岛
2020/01/17 职场文书
教你nginx跳转配置的四种方式
2022/07/07 Servers