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之get缓存问题的最简单方法介绍
Dec 19 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
js改变透明度实现轮播图的算法
Aug 24 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
AngularJS执行流程详解
Feb 17 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
Angular6新特性之Angular Material
Dec 28 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
Vue通过provide inject实现组件通信
Sep 03 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入门源程序
2006/10/09 PHP
PHP读取文件并可支持远程文件的代码分享
2012/10/03 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
js图片处理示例代码
2014/05/12 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
jquery中filter方法用法实例分析
2015/02/06 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
jquery图片放大镜效果
2017/06/23 jQuery
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
使用ECharts实现状态区间图
2018/10/25 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
你真的了解Python的random模块吗?
2017/12/12 Python
Python对切片命名的实现方法
2018/10/16 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
python 画图 图例自由定义方式
2020/04/17 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
计算机本科生自荐信
2013/10/15 职场文书
优秀中专生推荐信
2013/11/17 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
学生偷窃检讨书
2014/09/25 职场文书
活动宣传稿范文
2015/07/23 职场文书
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python