css压缩注释清理失败主因是插件与postcss-loader、vue cli内置逻辑冲突，需确保css-minimizer-webpack-plugin为唯一注释清理环节，禁用postcss.config.js中的cssnano，并显式配置sourcemap: true及discardcomments: {}以保留license注释。
css-minimizer-webpack-plugin 默认会删掉所有注释，但“去除冗余注释”这事不能只靠默认行为——它常和 postcss-loader、devtool、Vue CLI 内置逻辑打架，一不留神反而让 sourcemap 断掉、样式错位，甚至压缩后体积不降反增。
为什么 CSS 压缩后注释没被清掉？
常见于 Vue CLI 项目或自定义 PostCSS 链路中：css-minimizer-webpack-plugin 本身不负责前处理，如果 postcss-loader 已经跑过一遍 cssnano（比如通过 postcss.config.js），再让插件重复压缩，就会跳过注释清理逻辑（因为 cssnano 认为“已处理过了”）。
- 检查
postcss.config.js是否启用了cssnano，有就删掉或禁用discardComments - 确认
css-minimizer-webpack-plugin是链路中唯一执行注释清理的环节 - Vue CLI 3+ 默认内置该插件，但不会暴露
minimizerOptions，必须用configureWebpack覆盖整个optimization.minimizer数组
怎么保留关键注释（比如 license）？
直接设 discardComments: { removeAll: true } 会把所有注释一锅端，包括你不想动的 license 声明。正确做法是传空对象或显式控制：
-
discardComments: {}—— cssnano 默认行为：只删普通注释，留 license -
discardComments: { removeAllButFirst: true }—— 留第一个注释（常用于 license） - 若用 esbuild 引擎（v4+ 默认），它不支持细粒度注释控制，得切回 cssnano：
npm install cssnano，并在minimizerOptions中指定preset: ['default', { discardComments: {} }]
sourcemap 断掉的根本原因和修复
Webpack 的 devtool: 'source-map' 不等于插件能生成 sourcemap——css-minimizer-webpack-plugin 默认关闭 sourcemap 选项，且 esbuild 引擎压根不生成独立 sourcemap 文件。
- 必须在插件实例中显式写
sourcemap: true -
postcss-loader的sourceMap也得设为true，否则链路从第一步就断 - 避免混用引擎：如果需要 sourcemap，别用 esbuild；装
cssnano，用它配minimizerOptions - 示例最小可靠配置：
new CssMinimizerPlugin({<br> sourcemap: true,<br> minimizerOptions: {<br> preset: ['default', { discardComments: {} }],<br> },<br>})
sourceMap: true，漏了任意一环，压缩后的 CSS 就可能无法调试，或者注释去不干净。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
