以前からTailwind cssを使っていましたが、今回v2.2をインストールしてJITで逐次コンパイルを試みています。
tailwind.config.js
にJIT設定(mode: 'jit')をしてnpm run watch
で確かにapp.cssの容量が大幅に小さくなり動作は確認しました。
が、vscodeで例えばtext-gray-500
からtext-red-500
に変更しても逐次コンパイルされません。
tailwind.config.js
をいじるかnpm run watch
を起動し直せばコンパイルされます。
ソースを変更したらリアルタイムでコンパイルされる様子をtwitterなどでいくつも見ているので、おそらく何かが足りないと思うのですが、どのようにしたらよいでしょうか。
追記
phpのlaravelを使っています。