Visual代码-用尾风JIT CSS保存编译

Question

我正在用Reactjs应用程序构建一个网站，使用Tailwind JIT CSS，并使用Visual代码编辑器。我遇到了用VScode“编译保存”的问题。当我在文件中更改CSS时，App.js文件中的ex: App.js“ml-6”，然后保存该文件。然后VScode将自动编译和运行，但是当我检查浏览器是否有效时，没有什么改变。我认为VScode只对修改过的文件重新编译。因此，Tailwind JIT CSS没有编译。(请注意，为了更新CSS，必须重新编译Tailwind JIT。)我可以通过修改tailwind.config.js文件并保存它来解决这个问题。然后，VScode将重新编译Tailwind，浏览器中的web被更新为CSS。但这将减缓编码和调试的速度。你能帮我重新编译保存为CSS而不改变tailwind.config.js文件吗？非常感谢。

​

Answer 1

我建议您在完全熟悉TailwindCSS使用之后使用JIT模式。除非您有使用JIT模式的特定原因，否则只需将其作为一般用法删除即可。

JIT模式在编写模板时按需生成样式，而不是在初始构建时预先生成所有内容。

因此，如果您在tailwind.config.js中使用错误的或遗漏的自定义设置，那么它将不会按您的意愿进行。

尽管如此，想要使用JIT，然后仔细检查这个文档。

我没有找到你的代码不起作用的任何其他原因。祝你成功！)

ps..。请删除您的./src/assets/css/src文件夹和文件^^