该配置由 Modern.js Builder 提供,更多信息可参考 output.disableSourceMap。
type DisableSourceMap =
| boolean
| {
js?: boolean;
css?: boolean;
};
const defaultDisableSourceMap = {
js: false,
css: process.env.NODE_ENV === 'production',
};
是否禁用 Source Map 生成。
Source Map 是保存源代码映射关系的信息文件,它记录了编译后的代码的每一个位置,以及所对应的编译前的位置。通过 Source Map,可以在调试编译后的代码时,直接查看对应的源代码。
默认情况下,Builder 的 Source Map 生成规则如下:
如果项目不需要 Source Map,可以关闭该功能,从而提升构建的速度。
export default {
output: {
disableSourceMap: true,
},
};
如果需要开启开发环境的 Source Map,并在生产环境禁用,可以设置为:
export default {
output: {
disableSourceMap: process.env.NODE_ENV === 'production',
},
};
如果需要单独控制 JS 文件或 CSS 文件的 Source Map,可以参考下方设置:
export default {
output: {
disableSourceMap: {
js: false,
css: true,
},
},
};