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 DIV弹出效果实现代码
Jul 03 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
基于axios 的responseType类型的设置方法
Oct 29 Javascript
在vue中嵌入外部网站的实现
Nov 13 Javascript
TS 类型兼容教程示例详解
Sep 23 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP代码优化之成员变量获取速度对比
2014/02/28 PHP
showModelessDialog()使用详解
2006/09/07 Javascript
jquery 最简单的属性菜单
2009/10/08 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
javascript奇异的arguments分析
2010/10/20 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
js 窗口抖动示例
2013/09/04 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python实现windows下模拟按键和鼠标点击的方法
2015/03/13 Python
Python编程中的文件操作攻略
2015/10/16 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
python树莓派红外反射传感器
2019/01/21 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
Python批量启动多线程代码实例
2020/02/18 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
自我鉴定范文300字
2013/10/01 职场文书
自主招生自荐信范文
2013/12/04 职场文书
秸秆管理实施方案
2014/03/15 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
Python读写yaml文件
2022/03/20 Python