vue-cli全引入jquery

欢迎加入前端交流群交流知识&&获取视频资料：749539640

vue-cli全引入jquery：（vue-cli使用webpack）

第一步：

在package.json文件里的dependencies项填入："jquery" : "^2.2.3"

 "dependencies": {
     "echarts": "^3.7.1",
     "iview": "^2.3.0",
     "vue": "^2.4.2",
     "vue-router": "^2.7.0",
     "jquery" : "^2.2.3"
   }

第二步：

在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入：

 plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
  })
 ]

第三步：

在.eslintrc.js文件里env项加入jquery: true；使jquery变为全局变量

env: {
    browser: true,
    jquery: true
  }

第四步：

在main.js里

import $ from 'jquery'
Vue.use($)

第五步：

重新npm install

再重新npm run dev