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 查找select ,并触发事件的实现代码
Mar 30 Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
微信小程序 两种为对象属性赋值的方式详解
Feb 23 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
JS中作用域以及变量范围分析
Jul 18 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
在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
简单解决微信文章图片防盗链问题
2016/12/17 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
Laravel框架表单验证操作实例分析
2019/09/30 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
jsTree树控件(基于jQuery, 超强悍)[推荐]
2009/09/01 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
JS中的三个循环小结
2017/06/20 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
Python性能优化技巧
2015/03/09 Python
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
Python根据成绩分析系统浅析
2019/02/11 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
Python pytesseract验证码识别库用法解析
2020/06/29 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
期末总结的个人自我评价
2013/11/02 职场文书
中学老师的自我评价
2013/11/07 职场文书
问卷调查计划书
2014/01/10 职场文书
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
岗位职责说明书
2014/05/07 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
骨干教师考核评语
2014/12/31 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android