vue3+vite+sass

1.安装sass

//  --save-dev
pnpm i sass -d

2.配置vite.config

export default defineConfig({
  // CSS 预处理器
  css: {
    preprocessorOptions: {
      // 定义sass变量
      scss: {
        additionalData: `@import './src/assets/styles/variables.scss';`,
      },
    },
  },
});

3. vue文件中使用sass

<style lang='scss' scoped>
</style>