TailwindCSS监听模式在Bash脚本中无法正常工作的问题

我遇到一个奇怪的问题：在dev.sh脚本里运行带监听参数-w的Tailwind命令并放到后台时，不会生成app.css文件：

#!/usr/bin/env bash
tailwindcss -i src/tailwind.css -o dist/app.css -w &

但以下几种情况都能正常工作：

• 移除后台符号&，前台运行监听命令：

#!/usr/bin/env bash
tailwindcss -i src/tailwind.css -o dist/app.css -w

• 保留后台符号&但移除监听参数-w（仅一次性编译）：

#!/usr/bin/env bash
tailwindcss -i src/tailwind.css -o dist/app.css &

• 直接在终端命令行里后台运行带-w的命令：

$ tailwindcss -i src/tailwind.css -o dist/app.css -w &

问题原因 #

核心问题是bash脚本退出时的作业控制机制：当你在脚本里把进程放到后台（&），脚本执行到末尾会直接退出，此时bash会给所有后台子进程发送SIGHUP终止信号。而带-w的Tailwind启动后需要一点时间完成初始编译并生成CSS文件，还没等到这一步就被脚本退出的信号杀死了。

其他情况能正常运行的原因：

1. 前台运行时，脚本会一直等待Tailwind进程，不会提前退出，因此能完成编译
2. 不带-w时，Tailwind是一次性编译，速度极快，在脚本退出前就完成了文件生成
3. 直接在终端后台运行时，终端shell本身不会退出，后台进程不会收到SIGHUP信号，因此能正常保持监听

解决方案 #

方案1：让脚本等待后台进程 #

在脚本末尾加上wait命令，让脚本等待所有后台进程结束，这样Tailwind能完成初始编译并持续监听：

#!/usr/bin/env bash
tailwindcss -i src/tailwind.css -o dist/app.css -w &
wait

方案2：让后台进程脱离脚本控制 #

用nohup或disown让Tailwind进程不受脚本退出的SIGHUP信号影响：
使用nohup的写法（重定向输出避免生成nohup.out文件）：

#!/usr/bin/env bash
nohup tailwindcss -i src/tailwind.css -o dist/app.css -w > /dev/null 2>&1 &

或者用disown：

#!/usr/bin/env bash
tailwindcss -i src/tailwind.css -o dist/app.css -w &
disown

方案3：保持前台运行（最简单） #

如果脚本不需要同时执行其他任务，直接去掉&让Tailwind前台运行即可，这样既能正常生成文件，还能实时查看编译日志。

内容的提问来源于stack exchange，提问作者user1663023