Webpack 在调试（--inspect）和 chrome 中编译、监视、启动 nodejs

Question

我费了很大劲才找到一个解决方案，让 webpack 配置能够在调试模式 (--inspect) 下编译、监视和启动 nodejs，但没有成功。

今天我发现最好的解决方案是让 webpack 监视更改/编译和 nodemon 来查看 dist 文件夹并重新启动 nodejs。 即使使用 nodemon，调试选项似乎也与 --inspect 不兼容（chrome 调试器在 chrome://inspect 中找不到 nodemon 调试！）

我尝试在构建后启动服务器，使用几乎可以工作的 start-server-webpack-plugin，但是一旦服务器启动，任何新的更改都会触发编译，但不会重新启动 nodejs！

因此，如果您无需调用执行该操作的 shell 命令即可了解所有解决方案，我将不胜感激：

• 列表项
• Webpack 编译
• 留意变化
• 在调试中启动 NodeJs (--inspect)
• 启动 chrome 调试器（重启时自动重新连接）

Answer 1

我同时使用并将以下内容放在package.json中

"start": "concurrently \"webpack --watch && nodemon --inspect ./build/server.js\""