我正在尝试从以下位置导入全局 Sass 样式表/assets
目录并使用在整个组件中定义的变量和混入等内容。我的nuxt.config.ts
目前看起来像这样:
import { defineNuxtConfig } from "nuxt3";
export default defineNuxtConfig({
css: ["@/assets/styles/main.sass"],
styleResources: {
sass: ["@/assets/styles/main.sass"],
},
build: {
extractCSS: true,
styleResources: {
sass: "@/assets/styles/main.sass",
hoistUseStatements: true,
},
},
// buildModules: ["@nuxtjs/style-resources"], // This throws error
vite: {
css: {
loaderOptions: {
sass: {
additionalData: ` @import "@/assets/styles/main.sass"; `,
},
},
},
},
});
当我现在尝试使用变量时,我得到[plugin:vite:css] Undefined variable.
错误。这在 Nuxt 2 中运行得很好@nuxtjs/style-resources
但我不确定如何在 Nuxt 3 中实现此功能。
但是,该样式表中的类和应用样式正在工作,只有变量、混合和映射不可访问。
有人可以帮忙吗?