vue3 使用 vue.config.js 配置使用scss全局变量

刚开始我在网上查找了许多资料，都是需要什么安装安装 sass-resources-loader 和配置什么乱七八糟的，我没有尝试过，因为我觉得根本不需要这么麻烦

通过查阅资料和尝试，我发现只要在 vue.config.js 配置一下就可以了，我配置的环境是 vue3，但是我觉得 vue2 也应该适用，废话不多说，配置如下：

module.exports = {
	css: {
        loaderOptions: {
            sass: {
            // 具体路径根据你们项目来
                additionalData: `@import "@/assets/theme.scss";`
            },
            scss: {
                additionalData: `@import "@/assets/theme.scss";`
            }
        }
    }
}