在webpack中使用terser压缩js时，需设extractcomments: false并配置terseroptions.output.comments保留注释；同时启用sourcemap: true且devtool设为'source-map'或'hidden-source-map'以生成可用sourcemap。
在 Webpack 中使用 Terser 压缩 JavaScript 时，默认会移除注释并禁用 SourceMap。若需保留注释和生成 SourceMap，关键在于正确配置 terserOptions 和插件的顶层选项。
保留注释：关闭 extractComments 并设置 comments
Terser 默认把注释抽离到单独文件（extractComments: true），这会导致源码中注释消失。要保留在压缩后代码里，需同时做两件事：
- 将
extractComments设为 false，阻止注释被剥离 - 在
terserOptions.output中启用comments，指定保留哪些注释
常见写法：
new TerserPlugin({
extractComments: false,
terserOptions: {
output: {
comments: /@license|@copyright|@preserve/i // 仅保留含特定关键词的注释
// 或设为 true 保留所有注释（不推荐，体积增大）
}
}
})
生成 SourceMap：开启 sourceMap 并确保 devtool 兼容
SourceMap 需要两层配合才能正常工作：
- Terser 插件本身开启
sourceMap: true - Webpack 主配置中
devtool不能设为false或'eval'类不可调试模式；推荐生产环境用'source-map'或'hidden-source-map'
示例配置：
module.exports = {
devtool: 'source-map', // 必须设置
optimization: {
minimizer: [
new TerserPlugin({
sourceMap: true, // 启用 Terser 生成 .map 文件
terserOptions: {
compress: { drop_console: true },
format: { comments: false } // 可选：避免注释干扰 map 映射
}
})
]
}
}
注意兼容性与实际效果
保留注释会略微增大压缩后体积，且部分注释（如 JSDoc）可能影响混淆逻辑；SourceMap 文件需随 JS 文件一同部署，浏览器开发者工具才能定位原始代码行。另外，comments 选项只控制是否输出注释文本，不影响 SourceMap 的映射准确性。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
