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

配置下 vue.config.js 即可

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                additionalData: `@import "@/assets/scss/theme.scss";`
            },
            scss: {
                additionalData: `@import "@/assets/scss/theme.scss";`
            }
        }
    }
}

tips: 由于sass-loader的版本不同，这里可能会报错，不同的版本对应的关键字不一样：
sass-loader v8-中，关键字为 “ data ”
sass-loader v8中，关键字为 “ prependData ”
sass-loader v10+中，关键字为 “ additionalData ”