sassOptions 允许您配置 Sass 编译器。
import type { NextConfig } from 'next'
const sassOptions = {
additionalData: `
$var: red;
`,
}
const nextConfig: NextConfig = {
sassOptions: {
...sassOptions,
implementation: 'sass-embedded',
},
}
export default nextConfig/** @type {import('next').NextConfig} */
const sassOptions = {
additionalData: `
$var: red;
`,
}
const nextConfig = {
sassOptions: {
...sassOptions,
implementation: 'sass-embedded',
},
}
module.exports = nextConfig须知：
sassOptions在implementation之外没有类型定义，因为 Next.js 不维护其他可能的属性。- 用于定义自定义 Sass 函数的
functions属性仅在 webpack 中受支持。使用 Turbopack 时，自定义 Sass 函数不可用，因为 Turbopack 基于 Rust 的架构无法直接执行通过此选项传递的 JavaScript 函数。