Rails esbuild项目nodemon监听SCSS异常退出问题求助

问题核心现象 #

用rails new app_name -d postgresql -j esbuild --css bootstrap初始化项目并配置esbuild-rails后，启动./bin/dev时出现以下异常：

• JS进程执行node esbuild.config.js --watch后立即退出（返回码0）
• 系统随即发送SIGTERM终止所有进程，导致CSS进程的nodemon未完成yarn build:css就被强制终止（返回码1）
• 手动执行yarn build:css完全正常，但dev服务无法持续运行

根本原因分析 #

从日志可以定位到，JS进程提前退出是触发整个dev服务终止的关键：
你的esbuild.config.js未配置watch模式，执行node esbuild.config.js --watch时，esbuild仅完成一次打包就结束进程，没有进入持续监听状态。而./bin/dev基于foreman运行，只要任一进程退出就会终止所有关联进程，这才导致nodemon被强制终止——并非nodemon本身存在问题。

解决方案 #

1. 修改esbuild配置，支持watch模式 #

更新esbuild.config.js，添加watch参数判断逻辑，让esbuild在收到--watch参数时保持持续监听：

const path = require("path");
const rails = require("esbuild-rails");
const esbuild = require("esbuild");

const buildOptions = {
  entryPoints: ["application.js"],
  bundle: true,
  outdir: path.join(process.cwd(), "app/assets/builds"),
  absWorkingDir: path.join(process.cwd(), "app/javascript"),
  plugins: [rails()],
};

// 判断是否开启watch模式
if (process.argv.includes("--watch")) {
  esbuild.context(buildOptions).then((context) => {
    context.watch();
    console.log("Esbuild 已启动监听模式");
  });
} else {
  esbuild.build(buildOptions).catch(() => process.exit(1));
}

2. 可选：添加nodemon verbose日志排查 #

如果修改后仍有异常，可以给nodemon添加详细日志定位问题，更新package.json中的watch:css脚本：

"watch:css": "nodemon -v --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\""

启动./bin/dev后查看详细输出，确认nodemon是否正确识别监听文件、是否成功触发build命令。

验证步骤 #

1. 保存修改后的esbuild.config.js
2. 执行./bin/dev，观察日志：
   • JS进程会输出Esbuild 已启动监听模式，且不会立即退出
   • CSS进程的nodemon会正常启动并保持监听状态
3. 修改任意.scss文件，检查nodemon是否自动触发yarn build:css，dev服务持续运行

内容的提问来源于stack exchange，提问作者Priscila Finkler Innocente