上下文:每次Tailwind的即时编译器在监视模式下运行新构建时,我都需要运行一个命令。更具体地说,我需要重建Drupal的缓存以使更改生效。
不幸的是,用inotifywait
监视output.css
的修改是不起作用的,因为JIT编译器不会在所有情况下都重新创建output.css
。例如,如果第一次添加border-2
类,则会生成新版本的output.css
。但是,如果再次删除border-2
,编译器将不会出于正当原因重新创建output.css
。请参阅JIT编译不会在DOM更改时删除未使用的类·Issue#57·tailwindlabs/tailwindcss JIT。
我还尝试使用tee并使用inotifywait
查看输出文件,但没有成功。由于我不明白的原因,npx tailwindcss -i input.css -o output.css --watch | tee tailwind-built
没有写入tailwind-built
。
我终于找到了一个基于tee的解决方案。
问题是Tailwind的CLI在撰写本文时使用console.error
(请参阅此处)来报告
正在重建。。。
33毫秒后完成。
所以npx tailwindcss -i input.css -o output.css --watch 2>&1 | tee tailwind-built
(添加了2>&1
)和用inotifywait
观看tailwind-built
就可以了。