Vue "npm run build" 忽略 vue.config.js 文件

Question

我有一個 Webpack 模板的 Vue 項目，通過 vue-cli 啟動。

我創建了一個簡單的“ vue.config.js ”文件，存儲在根文件夾（package.json 所在的位置）中，其中包含以下內容：

// vue.config.js
module.exports = {
  productionSourceMap: false
}

雖然在使用“npm run build”構建項目時它會忽略它。

我嘗試了不同的配置來檢查問題是文件還是設置的問題，問題出在文件上。

我正在使用webpack@3.12.0 、 vue@2.6.11 、 @vue/cli 4.2.3和npm@6.9.0 。

Answer 1

確保您的構建配置（在您的情況下為 webpack 構建配置）包含您的文件。

通常，您將擁有一個源文件夾（通常為src ）並且構建器將僅構建該目錄中的所有文件。 然后你有你的目標目錄（通常是dist或build ），你的構建文件將在其中存儲。

兩種解決方案：

1. 將您的 conf 文件添加到構建源。
2. 將您的 vue.conf.js 文件移動到您的源目錄中

Answer 2

出於某種原因，我沒有設法讓 vue.config.js 工作。

或者，我編輯了我的webpack配置，正如我提到的構建文件位於 /config/index.js 然后，我繼續將構建配置傳遞給已經出現在文件中的構建參數。

build: {
  ...
}

它奏效了。 我想可能是因為我使用的是 npm run dev 而不是 vue-service-cli，所以 webpack 沒有通過 vue.config.js 文件。