vueCli3中productionSourceMap设置为false,不生效

vueCli3 中 productionSourceMap 设置为 false,不生效

1. productionSourceMap

vueCli3 中 productionSourceMap 设置为 false,不生效,依然会有 map 文件生成的解决办法

1.请首先检查 vue.config.js 文件中 productionSourceMap 配置

1
2
3
4
module.exports = {
productionSourceMap:false,
...
}

如果不行,请继续往下看

2.检查configureWebpack配置中的devtool选项

1
2
3
4
5
6
7
8
9
module.exports = {
configureWebpack(config){
//如果有更改devtool的行为,请先判断是否是production环境
//比如这样的 config.devtool="source-map";
//改为下面这样的
config.devtool=config.mode==="production"?false:"source-map";
},
...
}

configureWebpack可能是对象形式,修改方式相似,判断 process 环境变量或者其他方式即可。

3. 总结

productionSourceMap控制是否在生产环境下生成 map 文件,而devtool是开发调试的配置,如果你配置成source-map,那就会生成这个文件,配置成false就行了。

是否生成 map 文件,和上述两个条件有关,configureWebpack可能是对象形式,同样的修改方式。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!