如何在 vue.js 应用程序的生产环境中禁用源映射？答案

【问题标题】：How can I disable source maps in production for a vue.js app?如何在 vue.js 应用程序的生产环境中禁用源映射？
【发布时间】：2020-08-26 07:36:06
【问题描述】：

我的应用是使用vue cli 创建的。我找不到在生产中禁用源映射的任何选项。我的package.json 中的npm build 步骤如下所示：

"build": "vue-cli-service build",

在 Angular 中，我可以将 --prod 添加到我的构建步骤中以使其工作。 vue.js 有这样的选择吗？还是我必须更改 webpack 配置（被 cli 隐藏）？

【问题讨论】：

【解决方案1】：

您使用项目根目录下的 vue.config.js 文件更改内部 webpack 配置（您可能需要手动创建它）。

有一个productionSourceMap 选项，因此您可以在为生产构建时禁用源映射：

module.exports = {
  productionSourceMap: false
};

【讨论】：

测试此更改是否生效的好方法：find ./build -name "*.map" 不应返回任何内容。
那么，就不需要 configureWebpack 字段了吗？ module.exports = { configureWebpack: () => { if (process.env.NODE_ENV !== 'production') { devtool: 'source-map' } }, productionSourceMap: false, }

【解决方案2】：

喜欢@yuriy636 的回答，如果您只想用于生产：

module.exports = {
  productionSourceMap: process.env.NODE_ENV != 'production'
};

【讨论】：