nuxt3中引入全局sass变量

在nuxt3项目下的assets文件中创建一个变量文件，例如：

 然后在nuxt.config.ts文件中输入

export default defineNuxtConfig({
...
    //引入scss全局变量
    vite: {
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@import "assets/variable.scss";',
                }
            }
        }
    }
...
})

就可以在所有地方使用variable.scss里面的变量了