Menu

sassOptions

sassOptions を使用して Sass コンパイラーを設定できます。

next.config.ts
TypeScript
import type { NextConfig } from 'next'
 
const sassOptions = {
  additionalData: `
    $var: red;
  `,
}
 
const nextConfig: NextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}
 
export default nextConfig

補足：

  • Next.js は他の使用可能なプロパティを保守していないため、sassOptions は implementation 以外の型は定義されていません。
  • カスタム Sass 関数を定義するための functions プロパティは webpack でのみサポートされています。Turbopack を使用する場合、Turbopack の Rust ベースのアーキテクチャはこのオプションを通じて渡される JavaScript 関数を直接実行できないため、カスタム Sass 関数は利用できません。