Vue安裝jquery

vue-cli3以上就沒有webpack.config.js這個文件了，所以在安裝jquery時

 終端執行  npm install jquery --save

 之后查看package.json

 安裝成功，之后在 .eslintrc.js文件中添加這句話

 

  jquery:true

之后在項目根目錄新建vue.config.js文件

添加以下內容

 

 

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',

        jQuery: 'jquery',
        'windows.jQuery': 'jquery'
      })
    ]
  }
}

之后不需要在main.js文件添加import了

直接在App.vue添加以下代碼，來測試jquery是否成功安裝可以使用

 

 

$(function() {
  alert(1)
})

之后重啟項目，彈出一下結果就ok了

 

 

就這樣啦

（miss........）