使用 Tailwind CSS 来样式您的 Astro 站点
⚠️ 这种结合被贬低
尾风 CSS 现在提供 Vite 插件 这是在Astro使用Tailwind 4的首选方式.
学习如何在 Astro 的工程中使用 Tailwind “Styles和CSS” 向导.
帮帮忙 Astro Discord (Astro Discord) 时尚主题 :。在我们 #support 论坛,或者参观我们的 #dev 频道讨论当前发展及更多!
检查我们 Astro 集成文档 更多关于融合.
提交错误报告和特性请求为 GitHub 问题。 。 。 .
这个包由Astro的核心团队维护. 欢迎你提交一个问题或公关! 这些链接会帮助您启动 :
麻省理工学院
版权(c)2023年至今 天体
@astrojs/tailwind 共发布 66 个版本，首次发布于 2022/03/19；过去 12 个月发布了 0 个版本。最新版本附带 npm provenance 构建来源证明，可追溯到公开的 CI 构建记录。
| 版本 | 发布日期 | 距今 |
|---|---|---|
6.0.2latest | 2025/03/26 | 1.6 年前 |
6.0.1 | 2025/03/21 | 1.6 年前 |
6.0.0 | 2025/01/30 | 1.8 年前 |
5.1.5 | 2025/01/21 | 1.8 年前 |
5.1.4 | 2024/12/20 | 1.9 年前 |
5.1.3 | 2024/12/03 | 1.9 年前 |
其他发布通道：next → 0.0.2-next.0，next--rc → 0.0.0-rc-20220726043527，next--wasm → 0.0.0-wasm-20220915005725，next--imgcache → 0.0.0-imgcache-20220929145446，next--include-files → 0.0.0-include-files-20221014142503，next--config-errors → 0.0.0-config-errors-20221101194733。
使用 Tailwind CSS 来样式您的 Astro 站点
在项目目录运行 npm install @astrojs/tailwind，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：astro（^3.0.0 || ^4.0.0 || ^5.0.0）、tailwindcss（^3.0.24）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@astrojs/tailwind 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
根据 npm 官方下载统计，@astrojs/tailwind 在 2026/10/07 – 2026/11/05 这 30 天内被下载 1,637,612 次，日均约 54,587 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
最新版本 6.0.2 发布于 2025/03/26（1.6 年前）；至今共发布 66 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/03/19。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。