下载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"，不然都会报错。