vue-cli3 安裝jQuery

vue-cli3.0 沒有webpack.config.js 配置文件

：所以在一些博客教程中是說的在webpack.config.js 里面添加var webpack=require('webpack');這樣一句話。
我找了半天沒看見這個文件夾，后來發現cli3之后就沒有這個文件夾了，這么實現在vue里面使用jquery呢？

參考下面步驟：

1、命令行工具，進入項目文件夾，執行： npm install jquery --save

2、提示安裝成功后，在項目根目錄下的package.json 文件內的 "dependencies"中檢查是否有 "jquery": "^3.3.1"（或其他版本）, （如沒有 則需手動添加）,如圖：

3、在項目根目錄下的package.json 文件內的 "eslintConfig"中檢查，看'env對象下面是否有"jquery":true （如沒有 則需手動添加）,如圖：

4、在文件根目錄下新建vue.config.js文件 ， 在文件中加上這樣的話：（其他教程分兩步，我合並成一步了，0.0圖省事兒）

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

5、在main.js文件夾中引入： import $ from 'jquery

然后重啟項目（不重啟可能會報錯，我的就是報錯了，重啟就好了）

補充：在根目錄下新建vue.config.js文件 ，然后在里面添加配置信息和老版本cli在webpack.config.js 中添加配置是一樣的效果，
這是因為vue-cli3內部高度集成了webpack，一般來說使用者不需要再去知道weboack做了什么，所以沒有暴露webpack的配置文件，
但我們依然可以創建vue.config.js 去修改默認的webpack