如何从我的 Next.js 项目中安全地删除 Tailwind CSS？

Question

我使用 this template 启动了我的 Next.js 项目，它默认配置了 Tailwind CSS。我使用了一段时间，然后开始使用 Material UI。现在我确定我不再需要 Tailwind，并且想将其删除。

当我这样做时（npm uninstall tailwindcss postcss autoprefixer，删除所有配置文件），我遇到了一些问题。我的下一个/字体和下一个/图像无法正确显示。 Next.js 组件和实用程序需要 Tailwind 吗？

Answer 1

我也遇到过类似的情况，并且可以按照以下步骤做到这一点。

1. 使用

   npm uninstall ...

   
   删除所有 Tailwind 软件包 必须为

   tailwindcss

   、

   tailwindcss-animate

   和

   tailwind-merge

执行此操作
2. 从项目中删除

   tailwind.config.ts

3. 从

   tailwind

    中删除 

   components.json
部分
4. 可选，运行

   npm run build

   ，以便尽早发现任何剩余问题

看起来就像一种魅力，祈祷吧。