JIT 模式下 Tailwind CSS 的工作流答案

【问题标题】：Workflow for Tailwind CSS in JIT modeJIT 模式下 Tailwind CSS 的工作流
【发布时间】：2022-01-12 23:51:33
【问题描述】：

我正在 Blazor WASM 项目中试用 Tailwind CSS。

今天我使用 Bootstrap 5，我的工作流程是制作 html 结构 - 运行程序并使其在浏览器中看起来不错。将引导类添加到 html。

现在我想切换到 Tailwind CSS。我正在使用以下命令制作 Tailwind

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

当使用热重载或 VS Code 实时服务器时，它们会检测到 razor 文件中的更改并重新加载，同时 Tailwind 会生成一个新的 css 文件。有时 Tailwind 更快，但大多数时候实时服务器/热重载获胜，我看不到变化。

如何在顺风更新后让热重载/实时服务器运行？

【问题讨论】：

【解决方案1】：

如果您通过 VSCode 进行热重载，我不确定这是否可行。问题是这两个过程没有联系。您通常可以通过 NPM / Yarn 设置热重载。然后它有一个流程，并会以正确的顺序执行。

一种解决方案可能是仅在已编译的 CSS 文件中查找更改。然后你可以通过 VSCode hotreload 来完成。

【讨论】：