SuperAPI AI 工具集

css-minification

前端与建站

查看项目

更新于 10-16 05:45

技能介绍

用途:这是一条前端清单规则,用于在生产环境中确认所有 CSS 文件已被压缩,以减小文件体积、去除空白与注释并改善页面加载性能。适用于评审样式表、组件样式以及响应式状态相关代码。

主要能力与要点:在构建工具(如 Vite、webpack 等)中启用压缩;在 PostCSS 流程中使用 cssnano 或 lightningcss;典型可减少 20-40% 的文件体积;可与 Gzip/Brotli 配合以获得更大压缩效果。

使用方式:检查(Check)生产环境所有 CSS 是否已压缩;修复(Fix)时在构建流程中接入 cssnano、CleanCSS 或框架内置压缩能力;解释(Explain)环节说明压缩如何通过减小体积、降低带宽占用加快加载;代码审查(Code Review)时针对样式表、组件样式和响应式断点,指出渲染界面中违反该规则的具体选择器、声明或断点。完整实现细节、代码示例与框架相关指导见 references/rule.md。

适用场景:前端性能优化与代码审查流程,尤其是发布前的生产构建检查。

限制:资料未提供具体配置代码、命令、价格或平台支持范围;需结合项目所用构建工具与 PostCSS 流程自行落地。