vite-react 在config里面配置styles/global.scss 全局

`vite-react` 是一个基于 Vite 和 React 的快速开发框架集成。要在 `vite.config.js` 中配置全局样式文件 `styles/global.scss`，你需要遵循 Vite 的 scss 或者 css 配置。以下是基本步骤：

1. **安装依赖**：
如果你还没有安装 `@vitejs/plugin-vue` 或其他处理 SCSS 的插件（如 `vite-plugin-sass`），首先需要安装它们：

   npm install --save-dev vite-plugin-sass // 如果你想用 Sass
   npm install --save-dev @vitejs/plugin-vue // 对于 Vue 模块

2. **添加配置到 `vite.config.js`**：

   import { defineConfig } from 'vite';
   import vue from '@vitejs/plugin-vue';
   import sveltePreprocess from 'vite-plugin-svelte-preprocess'; // 如果你的项目不是Vue
   import { createSASSPlugin } from 'vite-plugin-sass';

   // 使用sveltePreprocess 如果使用的是Svelte
   export default defineConfig({
     plugins: [
       vue(),
       // 如果使用Sass，替换为下面一行
       //createSASSPlugin(),
       sveltePreprocess({ extensions: ['.scss'] }), // 仅处理 .scss 文件
     ],
     build: {
       outDir: './dist', // 输出目录
       assetsDir: 'static', // 资源目录
     },
     // 其他Vite配置...
   });

这里假设你选择的是 `vite-plugin-sass`，如果你使用的是 Vue，则应该使用 `vue()` 插件。

3. **引用全局SCSS文件**：
在你的项目中，通常在 `src/main.ts` 或 `index.html`（如果使用预渲染模式）中引入全局样式：

   <!-- index.html -->
   <link rel="stylesheet" href="/styles/global.scss">

4. **运行应用**：
完成上述配置后，运行 `npm run dev` 或者 `yarn dev` 来启动你的应用，全局样式 `global.scss` 就会生效了。