Wie Debuggen in Chrome für Webpack + reactjs + babel

Question

Ich Setup Webpack-dev-Server als mein Entwicklungsserver dienen. Es verpackt alle meine Quellcodes in ein großes Javascript. Es funktioniert gut, aber wie kann ich meinen Quellcode in Chrom debuggen. Ich bin in der Lage, meinen js-Quellcode auf chrome develop tool panel zu öffnen. Aber die Haltepunkte, die ich hinzugefügt habe, wurden während der Ausführung nicht aufgerufen. Gibt es ein Plugin oder eine Erweiterung, die ich installieren muss?

Answer 1

Reagieren Entwickler-Tools ist das beste Werkzeug zum Debuggen in der Konsole. Hier

ist der Link zu der Chrome-Erweiterung und schnelle docs:

https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html