欢迎加入前端交流群交流知识&&获取视频资料:749539640
vue-cli全引入jquery:(vue-cli使用webpack)
第一步:
在package.json文件里的dependencies项填入:"jquery" : "^2.2.3"
1 "dependencies": { 2 "echarts": "^3.7.1", 3 "iview": "^2.3.0", 4 "vue": "^2.4.2", 5 "vue-router": "^2.7.0", 6 "jquery" : "^2.2.3" 7 }
第二步:
在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入:
1 plugins: [ 2 new webpack.optimize.CommonsChunkPlugin('common.js'), 3 new webpack.ProvidePlugin({ 4 jQuery: "jquery", 5 $: "jquery" 6 }) 7 ]
第三步:
在.eslintrc.js文件里env项加入jquery: true;使jquery变为全局变量
env: { browser: true, jquery: true }
第四步:
在main.js里
import $ from 'jquery' Vue.use($)
第五步:
重新npm install
再重新npm run dev