docs: output.filename.css allow function(#3701)

Author: gaoachao

website/docs/en/config/output/filename.mdx

@@ -128,7 +128,7 @@ After specifying the module name as above, the generated file will be `dist/stat
 
 ## Using Function
 
-You can pass a function to `output.filename.js`, allowing you to dynamically generate filenames based on file information:
+You can pass a function to `output.filename.js` or `output.filename.css`, allowing you to dynamically generate filenames based on file information:
 
 ```js
 export default {
@@ -144,6 +144,14 @@ export default {
 
         return '/some-path/[name].js';
       },
+      css: (pathData, assetInfo) => {
+        if (pathData.chunk?.name === 'index') {
+          const isProd = process.env.NODE_ENV === 'production';
+          return isProd ? '[name].[contenthash:8].css' : '[name].css';
+        }
+
+        return '/some-path/[name].css';
+      },
     },
   },
 };

website/docs/zh/config/output/filename.mdx

@@ -129,7 +129,7 @@ const { add } = await import(
 
 ## 使用函数
 
-`output.filename.js` 可以传入一个函数，这允许你根据文件信息动态生成文件名：
+`output.filename.js` 和 `output.filename.css` 可以传入一个函数，这允许你根据文件信息动态生成文件名：
 
 ```js
 export default {
@@ -145,6 +145,14 @@ export default {
 
         return '/some-path/[name].js';
       },
+      css: (pathData, assetInfo) => {
+        if (pathData.chunk?.name === 'index') {
+          const isProd = process.env.NODE_ENV === 'production';
+          return isProd ? '[name].[contenthash:8].css' : '[name].css';
+        }
+
+        return '/some-path/[name].css';
+      },
     },
   },
 };