Rsbuild 配置tools.cssLoader

Rsbuild是一款用于构建React应用的工具，它通常与Create React App一起使用。`tools.cssLoader`配置主要是针对Webpack中处理CSS文件的部分。Webpack是一个模块打包器，而`css-loader`是用来加载和转换CSS的。在Rsbuild的配置中，你可能会看到类似这样的配置：

module.exports = {
  // 其他配置项...
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
        options: {
          importLoaders: 1,
          modules: true,
          localIdentName: '[name]__[local]___[hash:base64:5]', // 自定义CSS变量名哈希规则
          // 这里可以进一步定制 css-loader 的选项
          cssOptions: {
            minimize: process.env.NODE_ENV === 'production',
          },
        },
      },
    ],
  },
};

这个配置中：
- `test: /\.css$/` 指定匹配`.css`文件。
- `use`数组指定了处理CSS的顺序，先运行`style-loader`，再运行`css-loader`。
- `options` 中包含了一些额外的配置，如`importLoaders`设置引入其他CSS文件的次数，`modules`启用模块化加载，以及自定义CSS变量名的生成规则。