feat(tailwindcss): support config CHECK_TIMEOUT, Close #12914 (#12920)

Author: sorrycc

docs/docs/docs/max/tailwindcss.md

@@ -10,7 +10,6 @@ toc: content
 
 使用微生成器一键开启 Tailwind CSS 插件
 
-
 Max 项目
 
 ```bash
@@ -34,3 +33,12 @@ info  - Write tailwind.css
 ```
 
 至此就可以在项目中使用 Tailwind CSS 的样式；项目根目录的 `tailwind.config.js` 和 `tailwind.css` 根据需要修改配置。
+
+## Env
+
+在项目根目录添加 `.env` 文件，添加 `CHECK_TIMEOUT` 变量，用于设置 Tailwind CSS 插件的检查间隔时间。
+
+```bash
+# Default: 5
+CHECK_TIMEOUT=10
+```

packages/plugins/src/tailwindcss.ts

@@ -4,7 +4,9 @@ import { IApi } from 'umi';
 import { crossSpawn, winPath } from 'umi/plugin-utils';
 
 const CHECK_INTERVAL = 300;
-const CHECK_TIMEOUT_UNIT_SECOND = 5;
+const CHECK_TIMEOUT = process.env.CHECK_TIMEOUT
+  ? parseInt(process.env.CHECK_TIMEOUT, 10)
+  : 5;
 
 export default (api: IApi) => {
   api.describe({
@@ -70,11 +72,11 @@ export default (api: IApi) => {
           if (!existsSync(generatedPath)) {
             clearInterval(timer);
             api.logger.error(
-              `tailwindcss generate failed after ${CHECK_TIMEOUT_UNIT_SECOND} seconds, please check your tailwind.css and tailwind.config.js`,
+              `tailwindcss generate failed after ${CHECK_TIMEOUT} seconds, please check your tailwind.css and tailwind.config.js`,
             );
             process.exit(1);
           }
-        }, CHECK_TIMEOUT_UNIT_SECOND * 1000);
+        }, CHECK_TIMEOUT * 1000);
       }
     });
   });