tailwind Css 的编译问题

Question

所以我正在使用 Tailwind CSS 来处理我当前的项目，但我遇到了一些编译问题。

注意： 这只是一个没有框架的纯 HTML 和 CSS 项目。

但是，我使用节点完成了所有安装和设置，还在 package.json 文件中添加了一个编译我的样式的构建脚本；下面是脚本：

问题是每当我在我的终端上运行这个脚本时它都会运行但有警告：

虽然我的样式仍然可以正常工作，但有一个错误。每当我更改样式（比如从“mt-10”到“mt-20”）并刷新页面时，特定样式将不会生效，直到我再次运行构建脚本。我觉得是因为警告。

我希望这足够全面。如果有人可以提供解决方案，我将不胜感激。

问候。

Answer 1

我认为要让它工作，你需要添加

--watch

标志来观察变化。关于错误消息，您必须添加输入标志和输出标志

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

像这样。 你也可以查看tailwind文档

我希望这有帮助:)