vue-cli全引入jquery

欢迎加入前端交流群交流知识&&获取视频资料：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