lessc --compress是lessc内置轻量压缩，仅删空格、换行、重复分号，保留结构、注释及ie hack，适合本地构建与ci/cd等需稳定可读的场景。
Less 本身不提供“混淆”，所谓混淆是误用概念；压缩可用 lessc 自带选项或插件链实现，但必须分清 --compress 和 --clean-css 的适用场景与副作用。
lessc --compress 是什么，适合哪些场景
--compress 是 lessc 内置的轻量压缩模式，只做字符级删减：移除空格、换行、重复分号，保留所有选择器结构、注释（除 // 行注释）、单位和颜色写法。它不改变 CSS 语义，也不影响调试。
- 适合本地快速构建、CI/CD 中对体积不敏感但要求可读性和稳定性的环节
- 不会破坏
*display: inline这类依赖空格的 hack - 不合并选择器，所以
::before、@media块顺序完全保留，无错位风险 - 命令示例：
lessc src/main.less dist/main.css --compress
为什么加了 --clean-css 后 CSS 体积反而变大
--clean-css 是外部工具链，默认行为常与预期冲突，不是插件失效，而是配置没关掉干扰项。
-
@import多次引入同一文件时，--clean-css不去重，导致样式重复叠加 -
/*! ... */块级注释默认被保留，尤其在变量文件里大量存在时显著增重 - 启用了
--sourcemap（或未显式禁用），base64 编码的 sourcemap 直接追加在 CSS 底部 - 输入 Less 有大量空行或长缩进，
--compress能压掉，而--clean-css在解析阶段可能因 AST 构建开销略增体积 - 修复命令示例：
lessc main.less main.min.css --clean-css="--skip-imports --remove-source-maps --compatibility '*'"
如何避免压缩后伪元素或媒体查询错位
错位根本原因是 --clean-css 合并选择器或简化声明时，未严格维持原始层叠上下文，尤其影响 ::before、@media (max-width: 768px)、@keyframes 等区块。
- 禁用选择器合并：
--clean-css="--selectors-merge-mode=none" - 关闭单位简化：
--clean-css="--optimizations.level.1.selectors.optimize=false" - 含
@supports或深度嵌套的 Less 文件，优先用--compress，别硬上--clean-css - 若必须用
--clean-css，构建后务必人工 diff 压缩前后 CSS，重点比对::before、@media、@keyframes区块是否移位或丢失
真正可控的压缩不是靠单条命令拼凑，而是构建工具（Webpack/Gulp）接管 @import 解析与作用域管理后，再注入 clean-css；否则直接 cat a.less b.less | lessc --clean-css 很容易因路径失效或变量污染导致样式错乱——这点最容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
