新项目使用vue3.0的使用，使用了sass，前期项目创建没出错，项目转移到仓库的时候报错“@use rules must be written before any other rules”

解决办法

修改前config.js

 css: {
    loaderOptions: {
      scss: {
        prependData: `
          @import "@css/colors.scss";
        `,
      },
    },
  },

修改后config.js

css: {
    loaderOptions: {
      scss: {
        prependData: `
           @use "@css/colors.scss" as *;
        `,
      },
    },
  },

如此便可以解决自己定义的sass变量在"@sass:map"前面报错。