CSS 框架 词条目录
前端Wiki/词条/Lightning CSS

Lightning CSS

定义Rust 编写的超快 CSS 解析与转换工具,目标是替代 PostCSS 与 Autoprefixer 的性能瓶颈

Lightning CSS 用 Rust 实现了 CSS 解析、压缩、前缀补全与语法降级全流程,处理同一个文件比基于 JS 的 PostCSS 快一个数量级,且输出体积更小。它能把 CSS 原生嵌套编译成兼容写法、把新颜色函数降级到 rgba、根据 browserslist 自动决定前缀与降级程度,许多新一代脚手架已经把它作为 PostCSS 的默认替代。

对开发者最实际的影响是构建提速:大型项目替换后打包阶段的 CSS 处理肉眼可见地变快。它的 API 设计保留了大量 target 配置,从 PostCSS 迁移 learning curve 很平;生态上的差距是广大第三方插件市场还没有对应替代,重度依赖特殊插件的团队需要自行评估,但常用的压缩与前缀场景已完全覆盖。

JavaScript
/* lightningcss 的调用示例(js 绑定) */
import { transform } from 'lightningcss';

const { code } = transform({
  filename: 'style.css',
  code: Buffer.from('.a { color: rgb(255 0 0 / 50%); }'),
  targets: { chrome: 95 << 16 },     /* 目标浏览器决定降级程度 */
  minify: true
});
⚠ 常见误区
🔗 相关词条按需加载Sass
← 返回来源章节按需加载