详解如何在vue项目里正确地引用jquery和jquery_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:08:28 共计：3617 浏览

详解如何在vue项目里正确地引用jquery和jquery？

vue-cli webpack全局引入jQuery

1、首先在package.json里加入，

然后 nmp install

2、在webpack.base.conf.js里加入

3、在module.exports的最后加入

plugins: [

new webpack.optimize.CommonsChunkPlugin('common.js'),

new webpack.ProvidePlugin({

jQuery: "jquery",

$: "jquery"

})

]

4、然后一定要重新 run dev

5、在main.js 引入就ok了

在.vue文件中引入第三方非NPM模块

vue-cli引入外部文件

在 webpack.base.conf.js 中添加externals

externals 中 swiper 是键，对应的值一定的是插件 swiper.js 所定义的变量 Swiper :

之后再在根目录下的index.html文件里引入文件：<script src="static/lib/swiper.js"></script>

这样子就可以在需要用到swiper.js的文件里加入这行代码：import Swiper from 'swiper'，这样就能正常使用了。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。