跳到内容
配置next.config.jsuseLightningcss

useLightningcss

此功能目前处于实验阶段，可能会有所更改，不建议用于生产环境。欢迎试用并在 GitHub 上分享您的反馈。

实验性支持在 webpack 中使用 Lightning CSS。Lightning CSS 是一个用 Rust 编写的快速 CSS 转换器和压缩器。

如果未设置此选项，Next.js 在 webpack 上默认使用 PostCSS 和 postcss-preset-env。

自 Next 14.2 版本起，Turbopack 默认使用 Lightning CSS。此配置选项对 Turbopack 无效。Turbopack 始终使用 Lightning CSS。

next.config.ts
import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  experimental: {
    useLightningcss: false, // default, ignored on Turbopack
  },
}
 
export default nextConfig

版本历史

版本更改
15.1.0Turbopack 已移除对 useSwcCss 的支持。
14.2.0Turbopack 的默认 CSS 处理器已从 @swc/css 更改为 Lightning CSS。useLightningcss 在 Turbopack 上被忽略，并添加了一个旧版 experimental.turbo.useSwcCss 选项。