Webpack在debug（--inspect）和chrome中编译，监视，启动nodejs

Question

我努力找到一个解决方案来拥有一体化的webpack配置，它可以在调试模式（--inspect）中编译，监视和启动nodejs而不会成功。

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

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

所以，如果您在一个解决方案中知道所有内容而不必调用执行此操作的shell命令，我将非常感激：

• 列表项
• Webpack Compile
• 留意更改
• 在调试中启动NodeJ（--inspect）
• 启动chrome调试器（重启时自动重新连接）

Answer 1

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

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