Menu

useLightningcss

webpackでLightning CSSを使用するための実験的サポートです。Lightning CSSはRustで書かれた高速なCSSトランスフォーマーおよびミニファイアです。

このオプションが設定されていない場合、webpackのNext.jsはデフォルトでPostCSSpostcss-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.0TurbopackからのuseSwcCssのサポートが削除されました。
14.2.0Turbopackのデフォルトなどのプロセッサが@swc/cssからLightning CSSに変更されました。useLightningcssはTurbopackで無視されるようになり、レガシーなexperimental.turbo.useSwcCssオプションが追加されました。