本项目几乎都是这样做的,除了打包不生成map的配置是vue.config.js里:
module.exports = {
productionSourceMap: false, //打包不生成map
}
如果还不生效就再这样写devtool调试工具:
module.exports = {
configureWebpack (config) {
config.devtool = config.mode==="production"?false:"source-map";
}
}
map文件的作用在于:
项目打包后,代码都是经过压缩加密的,
如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。
devtool: ‘source-map’ 配置完成后,source-map会为每一个打包后的模块生成独立的sourcemap文件 (生产map文件)