如何在生产中为vue.js应用禁用源地图?

Adr*_*ebs 24 webpack vue.js

我的应用程序是用vue cli.我找不到任何在生产中禁用源地图的选项.npm build我的步骤package.json看起来像这样:

"build": "vue-cli-service build",
Run Code Online (Sandbox Code Playgroud)

在角度,我可以添加--prod到我的构建步骤,使其工作.有没有这样的选择vue.js?或者我是否必须更改webpack配置(cli隐藏)?

yur*_*636 45

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

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

module.exports = {
  productionSourceMap: false
};
Run Code Online (Sandbox Code Playgroud)

  • 测试此更改是否生效的一个好方法是:`find ./build -name "*.map"` 不应返回任何内容。 (3认同)
  • 那么,不需要 configureWebpack 字段吗?`module.exports = { configureWebpack: () => { if (process.env.NODE_ENV !== '生产') { devtool: 'source-map' } }, productionSourceMap: false, }` (2认同)

sol*_*ans 12

就像@yuriy636 的回答一样,如果您只想用于生产:

module.exports = {
  productionSourceMap: process.env.NODE_ENV != 'production'
};
Run Code Online (Sandbox Code Playgroud)

  • ProductionSourceMap 设置仅影响生产版本,而不影响开发版本。 (7认同)
  • @mladzo 应该是 `process.env.NODE_ENV != 'product'` 对吧? (3认同)
  • @Khaleel 在生产中你想禁用源映射,对吗? (2认同)