css - 我们需要新的 tailwindcss 版本 3 中的 CRACO 模块吗？

Question

当我将 tailwindcss 更新到版本 3 时，当我意识到老师正在创建和设置他们自己的 craco 时，我正在按照一个关于在框架(如 react)上使用 tailwindcss 的旧教程.config.js 文件。

当我查看新 tailwind 版本的文档时，似乎完全忘记了 CRACO 设置步骤。

所以我的问题是，我们真的需要 tailwind 3 中的 CRACO 吗？

Answer 1

Tailwindcss v3 仅支持 Postcss8，目前只有 create-react-app v5 支持 Postcss8。所以你需要将 create-react-app 升级到 v5。在 create-react-app v5 中也不需要 craco

为了安全起见，首先确保在迁移之前 checkout 到不同的分支或将代码推送到 github。

1.首先运行 npm uninstall @craco/craco autoprefixer postcss tailwindcss删除 craco.config.js 文件删除 tailwind.config.js现在就关注官方tailwindcss docs

1. 运行 npm install -D tailwindcss postcss autoprefixer

2. npx tailwindcss 初始化 -p从 tailwindcss 文档复制粘贴 tailwind.config.js 文件

3. npm 安装 react-scripts@latest

4. 现在开始 npm

稍后将您之前的 tailwind.config 主题粘贴到新的 tailwind.config.js 文件中。

步骤的顺序可能重要也可能无关紧要，但遵循这些步骤对我有用。