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*)／