質問: 以前から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を使っています。
回答: `npm run watch` がどのようなコマンドを実際に実行しているかご質問に記載がないので、不明ですが、よくやるありそうなミスとしては 【Tailwind CSS #5】開発が超ラクになるTailwindのJITモードを紹介!! - YouTube この動画の3分から5分あたりの解説にある通り、 `TAILWIND_MODE=watch` と `-w` の付け忘れだと思います。 公式ドキュメントだと が該当箇所です。 `package.json`の該当箇所を確認してみてください。