Wie Debuggen von BabelJS transpiled Code mithilfe von Node-Inspector?

Question

Ich versuche zu verwenden node-Inspector debug a nodeJS App läuft mit Babel-Knoten.

babel-node index.js --debug 

Node-Inspektor funktioniert, aber es zeigt die Quelle Karten in der transpiled ES5 statt es6

Answer 1

Es einen Wrapper benötigt, die die Quelle der Karte auf den Quellcode statt die schaffen transpilierter Code.

Von https://babeljs.io/docs/setup/#babel_node_debug

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

aktualisieren

Statt es mit babel-node läuft ich transpile es + sourcemaps bis ES5 und es dann mit node laufen. Dadurch zeigt Node-Inspector den richtigen Code in den Source-Dev-Tools an.

Ich habe nicht herausgefunden, wie es zu tun mit babel-node

Answer 2

Für babel 6, benutzte ich die Haken erfordern.

Befolgen Sie diese Anweisungen, um babel registrieren zu lassen. https://babeljs.io/docs/setup/#babel_register

In Ihrem app.js oder Einstiegspunkt für die Anwendung

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

hinzufügen Wenn Sie auch andere Optionen hinzufügen müssen, sehen - https://babeljs.io/docs/usage/options/#options

Sie sollten & Knoten-Inspektor verwenden können Chrom zum Debuggen Ihrer Anwendung

Answer 3

Nach dem Tao von Javascript, "Code fließt in dem Moment, so ist das Wissen aber ein Hinweis, wie die Karte eines Streams."

Die neueste Version von v8 nutzt nun einen Befehl wie:

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

Für Quellkartierungen, versuchen diese Zugabe zu a.js:

import 'source-map-support/register';