vue中正确引用jquery

首先npm安装jquery，项目根目录下运行以下代码：

npm install jquery —save

然后在build/webpack.base.conf.js文件里面添加引用和插件声明：

  const webpack = require(‘webpack’)

  // 插件声明要写在module.exports里面
  module.exports = {
    plugins: [
      new webpack.ProvidePlugin({
        $: ‘jquery’,
        jQuery: ‘jquery’,
       jquery: ‘jquery’,
        ‘windows.jQuery’: ‘jquery'
      })
    ]
  }

最后在入口文件main.js里面引用jquery就好了

import ‘jquery

以为这样就可以了，npm run dev就大功告成啦^-^

But，现实给我了重重的一击 T﹏T  

‘$’ is not defined

what? 没错呀，怎么回事…… ((٩(//̀Д/́/)۶))/

原来是因为启用了eslint，好吧，大意了。其实以前init项目的时候，eslint都会选择No的，这次鬼使神差选了Yes，结果就出了这么多错。不过，也算是长见识啦。那么，针对上面的问题，这时候需要做的最后一步就是要修改根目录下的.eslintrc.js文件了，在文件中的module.exports中，为env添加一个键值对 jquery: true就可以了，也就是

env: {
  // 原有
  browser: true,
  // 添加
  jquery: true
}

再次 npm run dev，就OK啦 ＼(*T▽T*)／