vite.config.ts配置全局scss

npm install -D sass-loader node-sass sass

• vite.config.ts配置全局scss

// 全局css 
css: {
  preprocessorOptions: { 
    scss: {
      additionalData: `./src/assets/scss/global.scss";`,
    }
  }
},

global.scss:

$orange: #FFA500;

helloPage.vue:

<style lang="scss" scoped>
.container {
  background-color: $orange;
}
</style>

CSS 预处理器