在vue.config.js中设置sass预处理器的全局变量

发表于2023/6/21 07:03
858浏览
0评论
2分钟阅读

本段代码展示了如何在vue.config.js中设置sass预处理器的全局变量。通过设置loaderOptions，可以将需要的全局变量通过prependData的方式引入到全局中，从而在项目中使用。

在vue.config.js中

module.exports = defineConfig({
    transpileDependencies: true,
    css: {
        loaderOptions: {
            sass: {
                additionalData: `@import "@/assets/styles/main.scss";`,
            },
        },
    },
});

扫描二维码，在手机上阅读