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