webpack+vue-cli项目中引入外部非模块格式js的方法
2018-09-28 10:06
2943 查看
在开发vue的项目（我使用的是vue2）,需要添加js，虽然可以通过npm install 安装插件，但是如果有一些插件并没有开源，这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外部js文件。
1.直接引用
Note:(红色标注部分)
位置1：将页面中需要用到的js，引入进来，from 后面是该js所在的文件目录；
位置2：需要用到位置一中定义的变量Swiper;
位置3：为防止eslint严格模式下报错，需要将位置2定义的swiper再次调用一下；
以上这篇webpack+vue-cli项目中引入外部非模块格式js的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- vue-cli + webpack 新建项目出错的解决方法
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- vue-cli webpack 引入jquery的方法
- vue-cli + webpack 新建项目出错的解决方法
- 如何利用vue-cli和webpack搭建vuejs项目
- Vue项目中引入外部文件的方法（css、js、less）
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack)
- Vue-cli项目中引入外部/第三方css/js/less文件具体步骤
- vue-cli+webpack在生成的项目中使用bootstrap方法（一）
- vue-cli+webpack在生成的项目中使用bootstrap方法（二）
- vue-cli创建的项目不需要再创建webpack-config.js文件，因为已经配置过了
- vue-cli的webpack模版项目配置解析-build/dev-server.js
- vue-cli+webpack项目 修改项目名称的方法
- vue项目中引入外部css以及js文件的方法
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- 史上最详细的 webpack 讲解 1 （vue-cli 中 build.js）
- vue-cli的webpack模板项目配置文件分析
- 如何降低Vue.js项目中Webpack打包文件的大小？
- vue-cli的webpack模板项目配置文件分析