如何使用node-inspector调试BabelJS转译的代码？

Question

我正在尝试使用node-inspector来调试一个使用babel-node运行的nodeJS应用程序。

babel-node index.js --debug

Node-inspector能够工作，但它显示的源地图是转换后的es5而不是es6。

- cuadraman

Answer 1

对于babel 6，我使用了require钩子。

按照以下说明获取babel register。https://babeljs.io/docs/setup/#babel_register

在您的app.js或应用程序入口点中添加：

require('babel-register')({
  sourceMaps: true
});

如果您需要添加其他选项，请参见 - https://babeljs.io/docs/usage/options/#options 您应该能够使用node-inspector和Chrome来调试您的应用程序。

- Sushant Rao

Answer 2

根据《JavaScript道》，“代码瞬间流动，因此知识只是一个提示，就像河流的地图一样。”

最新版本的v8现在使用了以下命令：

$ babel-node --inspect --debug-brk a.js

关于源码映射，请尝试在 a.js 中添加以下内容：

import 'source-map-support/register';

- Charles Merriam

Answer 3

它需要一个包装器，将源映射到源代码而不是转换后的代码。

来自https://babeljs.io/docs/setup/#babel_node_debug。

npm install -g babel-node-debug
babel-node-debug index.js

更新

不再使用babel-node运行它，而是将其转换为es5 +源映射，然后使用node运行它。 这样做，node-inspector将在源开发工具中显示正确的代码。

我还没有弄清楚如何使用babel-node实现这一点。

- cuadraman

---

最近我一直在使用带有源映射标志的node-inspector调试已编译的node应用程序。更多信息请参见https://dev59.com/yl0a5IYBdhLWcg3wCE7P。 - cuadraman

有一个未合并的拉取请求可以解决这个问题：https://github.com/CrabDude/babel-node-debug/pull/12 - Sigfried