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 文件。