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 当作自己的参数解析，报错或忽略。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• 正确写法：lessc --clean-css="--compatibility '*' --remove-source-maps" file.less > file.min.css
• --compatibility '*' 解决 IE 兼容性问题（比如保留 *display hack）
• --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 内联控制，不关掉它们，压缩反而可能让文件更大。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！