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实现tab标签浏览效果
Feb 20 Javascript
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
dojo随手记 gird组件引用
Feb 24 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
Node 代理访问的实现
Sep 19 Javascript
详解JavaScript 作用域
Jul 14 Javascript
一文了解JavaScript用Element Traversal新属性遍历子元素
Nov 27 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的简易冒泡法代码分享
2012/08/28 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
javascript同步Import,同步调用外部js的方法
2008/07/08 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
表单元素与非表单元素刷新区别详细解析
2013/11/06 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
html5 input元素新特性_动力节点Java学院整理
2017/07/06 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
服务承诺口号
2014/05/22 职场文书
运动会班级口号
2014/06/09 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
python实现简单区块链结构
2021/04/25 Python
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android
python中redis包操作数据库的教程
2022/04/19 Python
源码安装apache脚本部署过程详解
2022/09/23 Servers