如何在组件中可用的defineNuxtModule中配置全局sass变量？

Question

我希望在defineNuxtModule中为我的组件（Nuxt 3）创建全局sass变量

我正在使用 Nuxt 3，现在正在尝试制作自己的模块。但我不明白如何为我的组件创建全局 sass 变量。我知道 nuxt.config.ts 中可以用于常见项目，但如何将其配置到您的模块。 ChatGPT 是这样说的：

export default defineNuxtModule({
  build: {
    loaders: {
      scss: {
        additionalData: `
          @import "@/assets/scss/variables.scss";
        `,
      },
    },
  },
});

但它不起作用。有人可以帮助我吗？非常感谢。

Answer 1

试试这个

nuxt.config.ts

vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `
            @import "@/assets/scss/variables.scss";
          `
        }
      }
    }
  }