vue3+vite配置全局scss

安裝scss，sass-loader，sass

npm install --save-dev sass-loader node-sass sass

 在src/assets/scss文件配置global.scss文件

配置vite.config.ts

  // 全局css 
css: {
  preprocessorOptions: { 
    scss: {
      additionalData: '@import "./src/assets/scss/global.scss";' // 添加公共樣式
    }
  }

使用 

global.scss

$orange: #FFA500;

HelloWorld.vu

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