node.js - Webpack 编译、监视、在调试(--inspect)和 chrome 中启动 Nodejs

Question

我费了很大劲才找到一种解决方案，让其能够在 Debug模式(--inspect)下编译、监视和启动 NodeJS，但没有成功。

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

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

因此，如果您在一个解决方案中了解所有内容，而无需调用执行此操作的 shell 命令，我将非常感激:

• 列出项目
• Webpack 编译
• 注意变化
• 在调试中启动 NodeJ (--inspect)
• 启动 Chrome 调试器(重启时自动重新连接)

Answer 1

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

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