如何在 create-react-app 中使用 tailwindcss/jit 库？答案

【问题标题】：How to use tailwindcss/jit library with create-react-app?如何在 create-react-app 中使用 tailwindcss/jit 库？
【发布时间】：2021-06-13 02:11:52
【问题描述】：

我跟着this installation step在create-react-app中配置tailwindcss。它可以工作，但是在添加 tailwindcss/jit 后，应用程序无法正常工作。我认为这是因为 create-react-app 不支持 PostCSS 8，但似乎 tailwindcss/jit 需要 PostCSS 8。

有什么想法吗？

【问题讨论】：

标签： reactjs create-react-app tailwind-css postcss

【解决方案1】：

jit 现在包含在 v2.1.0 版本中，因此您只需要升级即可。最简单的方法是卸载依赖项并重新安装。

它在我的应用程序中运行...但并非所有类都在输出，所以这将是我需要弄清楚的事情。

npm uninstall tailwindcss
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat

【讨论】：

我遇到了没有随机呈现的类，经过一番摆弄后，我相信使用顺风 JIT 创建反应应用程序的用户需要设置“TAILWIND_MODE=watch”tailwindcss.com/docs/…

【解决方案2】：

此处https://tailwindcss.com/docs/guides/create-react-app 的最新文档适用于tailwind stable (2.0.3)，并要求您使用postcss 7 作为稳定版本不支持postcss 8。

tailwindcss jit 支持 postcss 8，因此与 postcss 7（和 craco）相关的步骤对于 jit 版本是多余的。

create-react-app 支持 postcss 8。

【讨论】：

“Create React App 还不支持 PostCSS 8，所以你现在需要安装 Tailwind CSS v2.0 PostCSS 7 兼容性版本，如上所示。” - 在顺风文档中找到这个。
问题不在于是否支持 PostCSS 8，而在于是否有解决方法。