在 vue.config.js 中配置:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
css: {
loaderOptions: {
sass: {
//单个scss
additionalData: `@import "@/mixins/mixins.scss";`
//多个scss
additionalData: `@import "@/mixins/mixins.scss";
@import "@/mixins1/mixins1.scss";`
},
}
}
})
注意:
配置文件additionalData: `@import "@/mixins/mixins.scss";`,分号不要忘记;
additionalData 关键字限于 sass-loader V10+版本以上,否则会报错