less编译后css出现空行是lessc默认行为，非bug；加--compress可移除空行但不合并选择器，真正根源是未加括号的mixin声明（如.clearfix）被误解析为空类，需全局修正为.clearfix()。
Less编译后CSS里一堆空行，是lessc默认行为
Less CLI（lessc）默认输出带缩进、换行和空行的“可读格式”，这不是bug，而是设计如此。它不压缩、不清理空白，只做语法转换。你看到的空行基本来自源文件里的换行、嵌套块之间的空行，以及@import合并时的自然分隔。
用--compress能删空行但不处理选择器重复
加--compress参数是最直接的解法：它会移除所有多余空格、换行、注释（除了/*! */），把整个CSS压成单行。但它不会合并相同选择器或去重声明，只是“格式瘦身”。
lessc styles.less --compress > dist.css- 适合开发阶段快速减体积，兼容性好，无副作用
- 如果源码里有大量
//行注释，它们会被忽略；但/* ... */会被保留（除非是/*! */）
--clean-css可能让空行变少，但要防体积反增
--clean-css是更激进的压缩方案，但它不是lessc内置功能，需额外安装clean-css-cli。它确实会删空行，但默认行为可能引入新问题：
- 附带生成 sourcemap → 文件尾部多出几百行 Base64，体积暴涨 → 加
--remove-source-maps - 保留部分
/* ... */注释 → 手动删掉源码里非必要的块注释 - 合并选择器时若破坏层叠顺序 → 伪元素或媒体查询错位 → 加
--skip-selectors-merging - 输入文件本身含大量空行 →
clean-css仍会保留逻辑分隔 → 先用--compress预处理再喂给clean-css
真正源头在Less写法，不是压缩能解决的
空行只是表象。如果你发现编译后CSS里反复出现.btn { }、.icon { }这种空规则，那根本不是空行问题，而是.btn（没括号）被当成了普通类选择器——它本不该存在。这类“空类”会自带换行，且无法被任何压缩工具识别为冗余内容。
- 全局搜索
\.([a-zA-Z0-9\-]+)\s*\{（正则），定位所有未加括号的 mixin 声明 - 把
.clearfix改成.clearfix()，.sr-only改成.sr-only() - 确认所有
@import (reference)文件里没有顶层.xxx { }规则——它们会被完全跳过，但漏写的无括号声明仍会输出
空行本身容易抹掉，但背后混着的空类、重复块、未收敛的@import链，才是让CSS越压越大的真正推手。压缩只是最后一道过滤网，不是手术刀。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
