什么是CSS 格式化 / 压缩?
CSS 格式化工具把压缩或风格混乱的样式表重排为一条声明一行的可读形式,压缩模式则移除注释与多余空白。兼容 SCSS、Less 语法,处理全部在浏览器本地完成。
怎么用CSS 格式化 / 压缩?
- 1粘贴 CSS、SCSS 或 Less 代码。
- 2选择格式化或压缩,格式化可选缩进宽度。
- 3压缩后底部给出体积缩减比例。
常见问题
这里的压缩和构建工具的压缩有什么差别?+
这里只做安全的空白与注释清理,不做属性合并、简写替换与选择器重排。构建工具(cssnano、lightningcss)会做更激进的优化,体积更小但需要完整的样式上下文才能保证正确。
为什么压缩后的 CSS 建议再验证一次?+
任何压缩都可能触碰到依赖空白的特殊语法,例如自定义属性里的字符串值。上线前用浏览器实际渲染一遍是最低成本的验证方式。