启动 tailwindcss cli 构建过程会阻止 VS Code 实时服务器扩展刷新网站

Posted 2023-03-06

【中文标题】启动 tailwindcss cli 构建过程会阻止 VS Code 实时服务器扩展刷新网站

【英文标题】：Starting tailwindcss cli build process stops VS Code live server extension from refreshing the website

【发布时间】：2022-01-20 16:22:18

【问题描述】：

这是我第一次使用node，我建立了一个项目并使用了命令：

npx tailwindcss -i styles.css -o ./tailwind/output.css --watch

启动 tailwindcss 类的构建过程，但这会阻止 VS Code 实时服务器扩展刷新网页，它应该在我每次保存 html 文件时刷新，但现在我必须手动进入浏览器并刷新它，这违背了它的目的。只有在我在终端中键入 CTRL + C (^C) 之后，它才能工作，但在这种情况下，tailwindcss 重建会停止。有没有人遇到过这种情况或者这是初学者的错误？

【参考方案1】：

如果不需要完全重新加载，更长的延迟可能会起作用“liveServer.settings.wait”：/.vscode/settings.json 中的 300。如果有时失败，第二次保存会注入新的 css。

【参考方案2】：

在 VS Code 中转到这个地址： 文件 > 首选项 > 设置，然后搜索 live-server。向下滚动并检查完全重新加载。将 Full Reload 设置为 true 可以解决问题。

【参考方案3】：

通过在 /.vscode/settings.json 中设置 liveServer.settings.fullReload": true 为我解决了这个问题。