必须先安装less-plugin-clean-css插件，否则lessc --clean-css会报“unknown option”；其参数需用引号整体传入，如--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或作为 devDependency） - 装完后运行
lessc --help，能看到--clean-css出现在选项列表里才算就绪
漏掉这一步，后面所有压缩参数都无效。
--clean-css 的参数必须用引号整体传入
--clean-css 后面的值是给 clean-css 工具本身的参数，不是给 lessc 的。写法错误会导致参数被忽略或报错：
- ❌ 错误：
lessc --clean-css --compatibility ie8 input.less（--compatibility被lessc解析，非clean-css） - ✅ 正确：
lessc --clean-css="--compatibility '*' --remove-source-maps --skip-imports" input.less > output.css - 常用组合：
--remove-source-maps防止 sourcemap 冗余追加；--skip-imports避免重复内联相同变量文件；--compatibility '*'保留 IE hack（如*display: inline）
参数没包进引号里，等于没开压缩。
构建工具中不能靠命令行参数，得传插件实例
Webpack、Gulp 或 Node.js 编程调用时，--clean-css 命令行参数完全不生效。必须把插件实例传给 Less 运行时：
- Webpack（
less-loader）：options.plugins = [new CleanCSSPlugin({ advanced: true })] - Gulp（
gulp-less）：plugins: [new CleanCSSPlugin()] - Node.js 调用：
less.render(str, { plugins: [new CleanCSSPlugin()] }) - 漏掉
new、传字符串、或类型不对，压缩完全不会触发，输出仍是未压缩 CSS
命令行能跑通 ≠ 构建流程能跑通，这是最容易忽略的环境差异点。
压缩后样式错位？优先关掉选择器合并
clean-css 默认开启选择器合并（--selectors-merge-mode=adjacent），但它可能破坏伪元素顺序、媒体查询嵌套层级，甚至让 ::before 消失或 @media 断点失效：
- 典型现象：按钮图标不见、响应式布局崩溃、IE 下样式不应用
- 临时解法：
--clean-css="--selectors-merge-mode=none"，体积略大但安全 - 进阶做法：只对确认无风险的模块开
adjacent，其余保持none - 注意：
--s1（即--selectors-merge-mode=ie8）在含空格 hack（如_property: value）时也容易翻车
压缩不是越狠越好，合并逻辑一旦出错，调试成本远高于多几 KB 体积。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
