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 写的个性导航菜单
Dec 24 Javascript
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 Javascript
JavaScript中.min.js和.js文件的区别讲解
Feb 13 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 Javascript
原生JS运动实现轮播图
Jan 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
PHP 日常开发小技巧
2009/09/23 PHP
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
jquery 年会抽奖程序
2011/12/22 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
4种JavaScript实现简单tab选项卡切换的方法
2016/01/06 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
vue实现div单选多选功能
2020/07/16 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
gearman的安装启动及python API使用实例
2014/07/08 Python
Python实现将xml导入至excel
2015/11/20 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
村委会贫困证明
2014/01/14 职场文书
大家检讨书5000字
2014/02/03 职场文书
规范化管理年活动总结
2014/08/29 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
浅谈Node的内存泄露问题
2022/05/06 NodeJs