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

值得注意的是：

  • 除了 implementation 之外，sassOptions 没有类型定义，因为 Next.js 不维护其他可能的属性。
  • 用于定义自定义 Sass 函数的 functions 属性仅在 webpack 中支持。当使用 Turbopack 时，自定义 Sass 函数不可用，因为 Turbopack 基于 Rust 的架构无法直接执行通过此选项传递的 JavaScript 函数。