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 相关文章推荐
一些mootools的学习资源
Feb 07 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
Apr 20 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 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
linux下为php添加curl扩展的方法
2011/07/29 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
php获取linux命令结果的实例
2017/03/13 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
JS 实现完美include载入实现代码
2010/08/05 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
OpenLayers3实现对地图的基本操作
2020/09/28 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
Python构建XML树结构的方法示例
2017/06/30 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Numpy之文件存取的示例代码
2018/08/03 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
购买大码女装:Lane Bryant
2016/09/07 全球购物
Perfume’s Club德国官网:在线购买香水
2019/04/08 全球购物
电气工程和自动化自荐信范文
2013/12/25 职场文书
回门宴父母答谢词
2014/01/26 职场文书
家长写给孩子的评语
2014/04/18 职场文书
学子宴致辞大全
2015/07/27 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android