{"id":21240916,"url":"https://github.com/dewfall123/umi-plugin-tailwindcss","last_synced_at":"2025-07-25T11:15:20.705Z","repository":{"id":46101866,"uuid":"251186866","full_name":"dewfall123/umi-plugin-tailwindcss","owner":"dewfall123","description":"umi-plugin-tailwindcss","archived":false,"fork":false,"pushed_at":"2023-07-11T02:46:53.000Z","size":1743,"stargazers_count":37,"open_issues_count":10,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-11T01:01:55.005Z","etag":null,"topics":["tailwind","tailwindcss","umi","umi-plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dewfall123.png","metadata":{"files":{"readme":"README.CN.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-30T03:00:29.000Z","updated_at":"2025-05-08T07:01:33.000Z","dependencies_parsed_at":"2024-06-19T00:21:26.018Z","dependency_job_id":"833dcc4f-eded-45d8-94aa-b6e4bc2307d8","html_url":"https://github.com/dewfall123/umi-plugin-tailwindcss","commit_stats":{"total_commits":25,"total_committers":3,"mean_commits":8.333333333333334,"dds":0.07999999999999996,"last_synced_commit":"1b2453b870472e8a3f7da26149ae192ae4b9d1d1"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/dewfall123/umi-plugin-tailwindcss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dewfall123%2Fumi-plugin-tailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dewfall123%2Fumi-plugin-tailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dewfall123%2Fumi-plugin-tailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dewfall123%2Fumi-plugin-tailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dewfall123","download_url":"https://codeload.github.com/dewfall123/umi-plugin-tailwindcss/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dewfall123%2Fumi-plugin-tailwindcss/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266997209,"owners_count":24018935,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["tailwind","tailwindcss","umi","umi-plugin"],"created_at":"2024-11-21T00:53:50.950Z","updated_at":"2025-07-25T11:15:20.652Z","avatar_url":"https://github.com/dewfall123.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# umi-plugin-tailwindcss\n\n\u003e umi-plugin-tailwindcss，仅对 3.x 有效。umi4 内置支持 tailwind 了，新项目已经不需要此插件了 [umi4 tailwind-css 文档](https://umijs.org/docs/guides/generator#tailwind-css-%E9%85%8D%E7%BD%AE%E7%94%9F%E6%88%90%E5%99%A8)\n\n## 安装\n\n通过 `npm` 安装:\n\n```bash\n$ npm install umi-plugin-tailwindcss -D\n```\n\n或者使用 `yarn`:\n\n```bash\n$ yarn add umi-plugin-tailwindcss -D\n```\n\n## 配置\n\n`tailwindCssFilePath?: string`.\n\n引入的 tailwindcss 文件，可缺省。\n\n```ts\n// .umirc.ts\n// 示例配置\n...\ntailwindcss: {\n  tailwindCssFilePath: '@/tailwind.css',\n  tailwindConfigFilePath: 'tailwind-custom.config.js' // 默认取值 tailwindConfigFilePath || join(process.env.APP_ROOT || api.cwd, 'tailwind.config.js'),,\n},\n...\n```\n\n## 说明\n\n此插件会自动完成引入`tailwind`[所需做的事情](https://tailwindcss.com/docs/installation)。\n\n1. 自动添加`tailwindcss`依赖。\n   对于 4.x 版本: 默认安装最新版本 tailwindcss\n   对于 3.x 版本: 默认安装的是最新版本的[@tailwindcss/postcss7-compat](https://tailwindcss.com/docs/installation#post-css-7-compatibility-build)，因为目前 umi 不支持 postcss8）。\n\n   你也可以安装指定的 tailwindcss 版本，插件会优先使用`devDependencies`里面的`tailwindcss`包，如果不存在，会使用`@tailwindcss/postcss7-compat`。\n\n2. 将 Tailwind 添加到你的 CSS 代码中。如果`tailwindCssFilePath`配置存在，会使用该路径的文件。如果缺少，会创建一份临时文件，并引入该临时文件。\n3. 检查`tailwindConfigFilePath`是否存在`tailwind.config.js`配置文件。若缺少，会添加一份配置文件。\n4. 添加 umi 的`postcss`对应的插件。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdewfall123%2Fumi-plugin-tailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdewfall123%2Fumi-plugin-tailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdewfall123%2Fumi-plugin-tailwindcss/lists"}