问题描述
我正在使用 Reactjs 应用程序、Tailwind JIT CSS 和 Visual Studio 代码编辑器构建一个网站。我在使用 VScode 时遇到了“保存时编译”的问题。当我对文件中的 CSS 进行更改时，例如：App.js 文件中的 className="ml-6"，然后保存该文件。然后VScode会自动编译并运行，但是当我检查浏览器的效果时没有任何变化。我认为 VScode 只为修改后的文件重新编译。所以 Tailwind JIT CSS 不会被编译。 （请注意，必须重新编译 Tailwind JIT 才能更新 CSS。）
我可以通过对 tailwind.config.js 文件进行任何更改并保存来解决该问题。然后 VScode 将重新编译 Tailwind jit CSS，浏览器中的 web 将更新为 css。
但这会减慢编码和调试速度。你能帮我在保存时重新编译的CSS而不改变tailwind.config.js文件吗？非常感谢。
解决方法
我建议您在完全熟悉 TailwindCSS 用法后使用 JIT 模式。除非您有使用 JIT 模式的特定原因，否则只需将其作为一般用法删除即可。
JIT 模式在您创作模板时按需生成样式，而不是在初始构建时提前生成所有内容。
因此，如果您在 tailwind.config.js 中使用错误或遗漏的自定义设置，那么它不会如您所愿。
尽管如此，想使用JIT，然后仔细检查这个Doc。
我没有发现您的代码无法正常工作的任何其他原因。 我希望你成功！ :)
ps.. 请删除您的 ./src/assets/css/src 文件夹和文件 ^^