如何使用node-inspector调试babelJS转换代码？

Question

我正在尝试使用node-inspector调试运行babel-node的nodeJS应用程序.

babel-node index.js --debug

节点检查器工作,但它在转换的es5而不是es6中显示源映射

Answer 1

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

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

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

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

如果还需要添加其他选项，请参见-https://babeljs.io/docs/usage/options/#options

您应该能够使用node-inspector和chrome调试应用程序

Answer 2

根据Javascript之道，“代码在当下流动，所以知识只是一个提示，就像一条溪流的地图”。

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

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

对于源映射，请尝试将其添加到a.js：

import 'source-map-support/register';

Answer 3

它需要一个包装器来创建源代码的源映射，而不是转译的代码。

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

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

更新

我没有运行它，而是babel-node将其转译为 es5 + sourcemaps，然后运行它node. 通过这样做，节点检查器将在源开发工具中显示正确的代码。

我还没弄清楚怎么做babel-node