封装全局的scss样式

1.首先，在公共样式文件中把样式写好

/* 主题色 */
$leo-theme-color: #3983bf;

/* 辅助色 */
$leo-color-red: #ec3e50;
$leo-color-orange: #ffbb0e;

2.然后，在vue.config.js文件中（如果没有该文件需要新建，且注意新建目录）

module.exports = {
    css: {
      loaderOptions: {
        sass: {
          prependData:
            '@import "~@/common/css/variables.scss"; @import "~@/common/css/mixin.scss";',
        },
      },
    },
  };

3.最后，使用的时候，无需再次引入文件，可直接使用