Menu

sassOptions

sassOptions により、Sassコンパイラを設定できます。

next.config.ts
import type { NextConfig } from 'next'
 
const sassOptions = {
  additionalData: `
    $var: red;
  `,
}
 
const nextConfig: NextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}
 
export default nextConfig
next.config.js
/** @type {import('next').NextConfig} */
 
const sassOptions = {
  additionalData: `
    $var: red;
  `,
}
 
const nextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}
 
module.exports = nextConfig

補足: sassOptionsimplementation の外側では型付けされていません。これは、Next.jsが他の可能性のあるプロパティを保守していないためです。