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

你可能感兴趣的:(vue3 使用 vue.config.js 配置使用scss全局变量)