通过删除注释、空格和冗余字符来压缩你的 CSS。
缩小 CSS 输出以减少有效负载大小并提升交付效率，同时保留生产环境中预期的样式行为。
它通过删除冗余空格和非必要格式来压缩 CSS。
它帮助团队减少样式表传输体积，从而改善页面性能。
它便于在优化前端资产预算时快速做前后对比。
可读 CSS
.card { padding: 16px; border-radius: 12px; box-shadow: 0 8px 24px rgba(15,23,42,.2); }媒体查询示例
@media (max-width: 768px) { .card { padding: 12px; } }实用程序块
.text-muted { color: #64748b; line-height: 1.6; }缩小 CSS
.card{padding:16px;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.2)}大小增量
之前：12.4KB，之后：7.1KB（小43%）
部署注意
缩小更改后重新运行视觉回归检查。
缩小输出会破坏旧版浏览器行为
验证兼容性目标和缩小器选项。
源映射与缩小后的 CSS 不对齐
在同一版本中重新生成源映射。
积极的优化删除所需的黑客
禁用特定于兼容性的规则的不安全转换。
假设单独缩小可以修复性能
将缩小与缓存策略和未使用的 CSS 清理结合起来。
CSS 压缩器 应作为交付流程中的快速校验步骤，在提交、发布和交接前都建议执行一次。
缩小会改变样式行为吗？
理论上不应该，但构建后仍应运行跨浏览器检查。
我应该期望减少多少大小？
这取决于源格式和冗余；节省的费用因样式表而异。
应该在 CI 中进行缩小吗？
是的，生产版本通常应用自动 CSS 缩小。
我还能调试缩小后的 CSS 吗？
是的，源映射是保持调试实用的推荐方法。