怎么在uni app vite.config中使用scss

可以按照以下步骤在uni-app的vite.config中使用scss：

1. 安装依赖

npm i -D sass sass-loader

2. 在vite.config.js中配置

export default {
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
          @import "@/styles/variables.scss";
        `
      }
    }
  }
}

3. 在项目中使用scss

在需要使用scss的地方，只需要像平时一样使用scss语法即可。例如：

// 在组件中
<style lang="scss">
  .button {
    background-color: $primary-color;
  }
</style>

// 在全局样式文件中
// src/styles/variables.scss
$primary-color: #007bff;

// src/styles/global.scss
@import "variables.scss";

body {
  background-color: $primary-color;
}

注意事项：

- `additionalData`选项中的路径必须使用`@`代替`src`目录。
- 如果使用了`sass`语法而不是`scss`，则需要修改配置中的`scss`为`sass`。