Q46
★ ★ ★ ★ ★
写过什么 CSS 相关 CLI？如何提升团队 CSS 性能？
⚡ 速记答案（30 秒）
自建 CLI（Node + PostCSS）：统一 px→rem/vw 转换、自动去重合并、移除未使用样式、检查危险写法（过深选择器、!important 滥用）。接入 CI 每次 PR 自动跑，效果量化：CSS 减少 xx%、规范更统一。
📖 详细讲解
标准面试回答（推荐记住）
可以用 Node 配合 PostCSS 写自定义 CLI 工具。功能包括：统一 px 到 rem 或 vw 的转换、自动去重合并 CSS 规则、移除未使用的样式、检查危险写法比如过深的选择器嵌套和 !important 滥用。把工具接入 CI，每次 PR 自动运行，不通过就不能合并。效果要量化：CSS 体积减少多少百分比、首屏加载时间优化多少、规范覆盖率等。最后把优化策略沉淀成文档和模板给团队复用。
✅ 面试要点
- •PostCSS 插件开发
- •接入 CI 自动化
- •量化优化效果