vue/cli 3 引入 使用jQuery

注意這里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法

一、安裝jquery 

      npm install jquery --save

二、一般安裝成功后在package.json文件內的dependencies項中會有"jquery": "^1.12.4"，如果沒有可以手動添加。需要注意的是，現在我們都是直接使用模板創建項目的，所以第一步是可以省略的(不要說我第二步才說第一步可以省略，這是你自己的問題，看任何東西都是先看了再去做的)。

三、打開.eslintrc.js 文件，找到env ，在里面 添加 jquery:true，默認應該是只有node:true，如果都沒有，那就加上env唄

 

四、打開vue.config.js 文件，在文件的頭部位置加上const webpack = require('webpack')，然后在module.exports中，添加

configureWebpack: {

   plugins: [

      new webpack.ProvidePlugin({

        $:"jquery",

        jQuery:"jquery",

        "windows.jQuery":"jquery"

      })

    ]

}

 

這一步驟類似vue-cli2.0的配置方法

 

五、在main.js中添加“import $ from 'jquery”，到此步，jquery的配置就完成了