lessc --clean-css 非内置功能，必须先安装 less-plugin-clean-css 插件，否则报“Unknown option”；其后参数需用引号包裹传给 clean-css 本身，如 --clean-css="--remove-source-maps"。
lessc 命令行直接启用 --clean-css 就能压缩，但必须先装插件
不装 less-plugin-clean-css，lessc --clean-css 会报错“Unknown option: clean-css”。它不是内置功能，而是独立插件，必须显式安装：
-
npm install -g less-plugin-clean-css（全局）或npm install --save-dev less-plugin-clean-css（项目本地） - 同时要求已全局或本地安装
less（npm install -g less） - 装完后执行
lessc --help能看到--clean-css出现在选项列表里，才算就绪
压缩参数传给 --clean-css，不是传给 lessc 主命令
--clean-css 后面的引号里才是 clean-css 自己的参数，和 lessc 的参数是两层。常见误写：lessc --clean-css --compatibility ie8 file.less —— 这里 --compatibility ie8 会被 lessc 当作自己的参数解析，报错或忽略。
- 正确写法：
lessc --clean-css="--compatibility '*' --remove-source-maps" file.less > file.min.css -
--compatibility '*'解决 IE 兼容性问题（比如保留*displayhack） -
--remove-source-maps防止 sourcemap 冗余内容增大 CSS 体积 - 如果要用
--selectors-merge-mode=ie8，也得塞进引号里，否则无效
Webpack/Gulp 中用插件，别用 --clean-css 命令行参数
构建工具里调用 Less 编译器时，--clean-css 命令行参数不生效。必须把插件实例传进 plugins 数组，由 Less 运行时加载。
- Webpack 场景：在
less-loader的options.plugins里 new 实例，不能靠 loader 字符串拼--clean-css - Gulp 场景：用
gulp-less时，把new CleanCSSPlugin({ advanced: true })传入plugins选项 - Node.js 编程调用：
less.render(str, { plugins: [new CleanCSSPlugin()] })，插件必须实例化后传入 - 漏掉
new或传错类型（比如传字符串），会导致压缩完全不触发，输出仍是未压缩 CSS
压缩后样式错位？优先检查选择器合并和伪类顺序
clean-css 默认开启选择器合并（--selectors-merge-mode=adjacent），这在某些场景下会破坏样式优先级，尤其是含 ::before、@media 或带空格的 hack（如 _property: value）时。
立即学习“前端免费学习笔记（深入）”；
- 现象：编译后按钮图标消失、响应式断点失效、IE 下样式不应用
- 临时解法：加
--selectors-merge-mode=none关闭合并，体积略大但安全 - 进阶调优：只对确定无风险的模块开
adjacent，其余保持none - 注意：lessc 的
--compress不涉及选择器合并，不会引发这类问题，适合调试阶段快速验证
--clean-css 才有明显收益；纯手写扁平 CSS，可能只省不到 5%。真正容易被忽略的是：sourcemap 和 @import 内联控制，不关掉它们，压缩反而可能让文件更大。 
