跳到內容
配置next.config.js 選項useLightningcss

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.0對 useSwcCss 的支援已從 Turbopack 中移除。
14.2.0Turbopack 的預設 CSS 處理器已從 @swc/css 更改為 Lightning CSS。useLightningcss 在 Turbopack 上被忽略，並添加了一個遺留的 experimental.turbo.useSwcCss 選項。