vue3+vite配置全局scss

首先下载scss，sass-loader，sass

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

打开vite.config.ts,添加下边代码，并重启服务

css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "./src/assets/scss/var.scss";'
      }
    }
}

var.scss页面

$default-color: #666666;

正常使用

<style lang="scss" scope>
.title{
  color: $default_color;
}
</style>