Next.js 顺风刷新缓慢

Question

将 Tailwind 添加到我的 Next 小项目后，我的刷新时间非常缓慢。我最初以为这是我的设备。

Answer 1

我通过删除

解决了这个问题

@tailwind base;
@tailwind components;
@tailwind utilities;

来自我的 global.css 文件。这样做的缺点是您将无法内联应用 tailwind 类但您仍然可以在 css 文件中编写 tailwind 并使用 @apply.

Answer 2

解决了这个问题

// tailwind.config.js

module.exports = {
 mode: 'jit',
 ...
}

此功能目前处于预览阶段，这意味着它可能会发生变化，但它对我有用。

Answer 3

我通过从 global.css 文件中删除 @tailwind 指令解决了这个问题，比如 @GeniusHawlah。

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

并且我将 output.css 导入到我的 global.css。当我编辑 *.jsx 文件时，tailwindcss 更新 output.css.

Next.js with Tailwind Refreshes Slow