sassOptions

sassOptions を使用すると、Sass コンパイラを設定できます。

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 関数は利用できません。