webpack+vue-cli项目中引入外部非模块格式js的方法
更新时间：2018年09月28日 10:06:24 作者：海底流
今天小编就为大家分享一篇webpack+vue-cli项目中引入外部非模块格式js的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在开发vue的项目（我使用的是vue2）,需要添加js，虽然可以通过npm install 安装插件，但是如果有一些插件并没有开源，这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外部js文件。
1.直接引用
Note:(红色标注部分)
位置1：将页面中需要用到的js，引入进来，from 后面是该js所在的文件目录；
位置2：需要用到位置一中定义的变量Swiper;
位置3：为防止eslint严格模式下报错，需要将位置2定义的swiper再次调用一下；
以上这篇webpack+vue-cli项目中引入外部非模块格式js的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了基于elementUI实现图片预览组件的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
今天小编就为大家分享一篇vuex实现像调用模板方法一样调用Mutations方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
Vue中调用组件使用kebab-case短横线命名法和使用大驼峰的区别详解
这篇文章主要介绍了Vue中调用组件使用kebab-case（短横线）命名法和使用大驼峰的区别,通过实例可以看出如果是在html中使用组件，那么就不能用大驼峰式写法，如果是在.vue 文件中就可以，需要的朋友可以参考下2023-10-10
这篇文章主要介绍了vue结合axios实现restful风格的四种请求方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要为大家详细介绍了Vue3响应式核心之reactive的相关知识，文中的示例代码讲解详细，对我们学习Vue3有一定的帮助，需要的可以参考一下2023-04-04
这篇文章主要介绍了vue实现可拖拽div大小的方法,可封装为全局方法在项目中所需要地方直接调用（mixins），本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-04-04
Vue中computed属性和watch,methods的区别
本文主要介绍了Vue中computed属性和watch,methods的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
本文主要介绍了element select实现组件虚拟滚动优化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要为大家详细介绍了vue+tp5实现简单登录功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了自定义elementui上传文件以及携带参数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-08-08
最新评论