vite中css的modules有哪些配置项

在 Vite 中，使用 CSS Modules 时，可以通过以下配置项来进行配置：

1. `modules`: 设置为 `true` 表示开启 CSS Modules 功能，默认值为 `false`。
2. `generateScopedName`: 定义生成的类名的格式，默认值为 `[name]__[local]--[hash:base64:5]`。
3. `localsConvention`: 定义 CSS Modules 导出的类名的格式，默认值为 `camelCaseOnly`，可选值为 `camelCase` 或 `dashes`。
4. `globalModulePaths`: 定义全局 CSS 模块的路径列表，默认值为 `[]`。

例如，以下是一个配置 CSS Modules 的示例：

// vite.config.js
module.exports = {
  css: {
    modules: true,
    generateScopedName: '[name]__[local]--[hash:base64:5]',
    localsConvention: 'camelCaseOnly',
    globalModulePaths: ['src/styles/global.module.css']
  }
}

上述配置表示开启 CSS Modules 功能，定义生成的类名格式为 `[name]__[local]--[hash:base64:5]`，导出的类名格式为 `camelCaseOnly`，并且将 `src/styles/global.module.css` 文件定义为全局 CSS 模块。