debuggen webpack 2 generierte Bundles

Question

Ich habe eine sehr einfache Hallo Welt ES5-Anwendung https://github.com/rohans84/webpack-demo, wo ich versuche, einige grundlegende Webpack 2 Entwicklung zu bekommen.

Nachdem ich die Quellkarten für meine Webpack-dev-server-Erstellung aktiviert habe, kann ich in Chrome DevTools unter webpack: // Quellcode für meinen zugrunde liegenden Code sehen. Die dort gesetzten Haltepunkte scheinen jedoch nicht zu funktionieren.

Ist eine zusätzliche Konfiguration erforderlich, um das Debugging und die Einhaltung von Breakpoints zu ermöglichen? Was ist der Sinn von Quellkarten, wenn Sie keine Haltepunkte für den zugrunde liegenden Code setzen können?

Answer 1

Im Moment gibt es eine open issue. Das Beste, was Sie tun können, ist zu brechen und die richtige Zeile in der Quellkarte zu erhalten, aber das Durchlaufen funktioniert nicht in Chrome und FF, AFAIK.

Answer 2

fand die Antwort auf die Interessenten. Ich benutzte die inlin Quellkarte - 'eval-source-map' devtool um die Quellkarten zu generieren. Wenn Sie sie in 'source-map' ändern, die Quellkarten als separate Dateien generiert, konnten die Haltepunkte funktionieren.