useLightningcss
webpackでLightning CSSを使用するための実験的サポートです。Lightning CSSはRustで書かれた高速なCSSトランスフォーマーおよびミニファイアです。
このオプションが設定されていない場合、webpackのNext.jsはデフォルトでPostCSSとpostcss-preset-envを使用します。
Turbopackはnext 14.2以降、デフォルトでLightning CSSを使用します。この設定オプションはTurbopackに影響を与えません。Turbopackは常にLightning CSSを使用します。
next.config.ts
TypeScript
import type { NextConfig } from 'next'
const nextConfig: NextConfig = {
experimental: {
useLightningcss: false, // デフォルト、Turbopackで無視される
},
}
export default nextConfigバージョン履歴
| バージョン | 変更内容 |
|---|---|
15.1.0 | TurbopackからのuseSwcCssのサポートが削除されました。 |
14.2.0 | Turbopackのデフォルトなどのプロセッサが@swc/cssからLightning CSSに変更されました。useLightningcssはTurbopackで無視されるようになり、レガシーなexperimental.turbo.useSwcCssオプションが追加されました。 |