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 相关文章推荐
JavaScript中的细节分析
Jun 30 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
jQuery功能函数详解
Feb 01 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
JQuery特殊效果和链式调用操作示例
May 13 jQuery
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 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目录与文件操作
2011/12/30 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
python如何读写csv数据
2018/03/21 Python
PyQt4编程之让状态栏显示信息的方法
2019/06/18 Python
Python读取YAML文件过程详解
2019/12/30 Python
什么是python的列表推导式
2020/05/26 Python
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
工程造价与管理专业应届生求职信
2013/11/23 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
2014年销售员工作总结
2014/12/01 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电
Window server 2012 R2 AD域的组策略相关设置
2022/04/28 Servers