DEV Community
·
在Docusaurus v3中添加Tailwind v4
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
这是一个关于如何在Docusaurus v3中设置Tailwind v4的简要指南。包括安装Tailwind和Postcss，创建插件，配置Postcss选项，以及在自定义CSS文件中添加Tailwind设置，以便Docusaurus能够识别Tailwind类并支持暗黑主题。
🎯
关键要点
- 这是一个关于如何在Docusaurus v3中设置Tailwind v4的简要指南。
- 安装Tailwind和Postcss的命令是：npm i --save-dev tailwindcss postcss @tailwindcss/postcss。
- 在src/plugins/tailwind-config.js中创建Docusaurus插件。
- 插件的配置包括在configurePostCss中添加Tailwind的Postcss插件。
- 在docusaurus.config.ts中将插件添加到配置对象中。
- 在src/css/custom.css文件中添加Tailwind设置。
- 从此，Docusaurus将识别Tailwind类，并支持暗黑主题。
🏷️
标签
➡️
