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

时间:2018-07-23 15:58:51

标签: webpack vue.js

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

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

我可以将--prod添加到我的构建步骤中以使其起作用。 vue.js有这样的选择吗?还是我必须更改webpack配置(cli隐藏)?

2 个答案:

答案 0 :(得分:22)

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

有一个productionSourceMap选项,因此您可以在为生产而构建时禁用源地图:

module.exports = {
  productionSourceMap: false
};

答案 1 :(得分:9)

就像@ yuriy636的答案一样,如果您只想进行生产的话:

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