diff --git a/docs/docs/docs/max/tailwindcss.md b/docs/docs/docs/max/tailwindcss.md index f858658a978b..fd66b15aeecd 100644 --- a/docs/docs/docs/max/tailwindcss.md +++ b/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 +``` diff --git a/packages/plugins/src/tailwindcss.ts b/packages/plugins/src/tailwindcss.ts index dbb0b8ca8374..f2194a4abd55 100644 --- a/packages/plugins/src/tailwindcss.ts +++ b/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); } }); });