useLightningcss

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

¥Experimental support for using Lightning CSS with webpack. Lightning CSS is a fast CSS transformer and minifier, written in Rust.

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

¥If this option is not set, Next.js on webpack uses PostCSS with postcss-preset-env by default.

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

¥Turbopack uses Lightning CSS by default since Next 14.2. This configuration option has no effect on Turbopack. Turbopack always uses Lightning CSS.

import type { NextConfig } from 'next'

const nextConfig: NextConfig = {
  experimental: {
    useLightningcss: false, // default, ignored on Turbopack
  },
}

export default nextConfig

版本历史

¥Version History

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