Lightning CSS 高性能 CSS 解析器

要解决的问题

构建链路里的 CSS 处理通常卡在三个地方：解析慢、产物不够精简、新语法无法向下兼容。当样式表来自 Bootstrap、Tailwind 这类体量较大的项目时，基于 JavaScript 的解析器在 CI 和本地开发中都会成为明显瓶颈，一次全量构建可能等很久。另一类常见痛点是浏览器支持范围不统一：团队用上了嵌套语法、@layer、容器查询等较新的特性，但目标环境里仍有旧浏览器，这时需要把语法降级成广泛支持的写法，而不是直接删掉新特性。

技能如何工作

这个技能把 Parcel 团队的 Lightning CSS 接入 Agent 工作流，围绕解析、转换、打包、压缩四项能力展开：

• 解析：用 Rust 把 CSS 源码解析成 AST，处理大文件时比常见 JS 方案更快；
• 转换：按目标浏览器范围把现代语法降级为兼容写法，也可用于统一代码风格；
• 打包：把多个样式入口合并成一份产物，减少请求次数；
• 压缩：移除冗余空白、注释与无效声明，输出更小的结果。

典型流程是：Agent 拿到样式表路径 → 调用 Lightning CSS 执行转换与压缩 → 写回产物或交给上层构建工具。它需要 Node.js 或 Rust 运行环境，也可与 Parcel 及其他构建工具配合。

适用边界与注意点

• 它处理的是编译期的 CSS，不替代浏览器运行时的样式加载策略，也不涉及 CSS OM 层面的逻辑。
• 语法降级依赖你声明的目标浏览器范围；范围过宽可能让产物膨胀，过窄则可能覆盖不到真实用户。
• 行为细节以官方文档 https://lightningcss.dev 为准，上游 README 是更原始的参考。
• 上游提供的 bench.js 仅用于测量性能，实际收益取决于你自己的样式表规模与结构。