下载loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
注：安装loader时可能会报错，是因为node版本与node-sass最新版本不兼容导致。安装对应版本安装即可。
方法（1）全局配置vue.config.js文件
css: {
loaderOptions: {
sass: {
// sass 版本 9 中使用 additionalData 版本 8 中使用 prependData 旧版本中使用 data
additionalData: `@import "@/assets/common/color_size.scss";
@import "@/assets/common/mixin.scss";`
}
}
},
方法（2）文件中引用
<style lang="scss" scoped >
@import "@/assets/common/color_size.scss"
.login_page {
color: $font-color-orange;
@include w_h_size;
}
</style>
注：两种方法只能选其一，在模板中记得引用lang="scss"，不然都会报错。
