Laut WebStorm erfordern sie das Debuggen gegen ein dist-Verzeichnis wie in: Ссылка
Nach dem von Webpack empfohlenen Entwicklungsprozess sollten wir jedoch webpack-dev-server ausführen, also alles im Speicher wie in
webpack-dev-server -inline -progress-farben -display-error-details -display-cached -hot -port = 3000
also gibt es kein dist-Verzeichnis, das Beispiele beitragt, die gepostet wurden @: Ссылка
Gibt es eine Möglichkeit, dass webpack-dev-server dist dir verwendet, damit WebStorm diesem zugeordnet werden kann, so dass wir Quellkarten für das Live-Debuggen verwenden können?
Zu diesem Projekt verwende ich:
tx
Sean
Gegenwärtig benötigt WebStorm das erstellte Bundle + SourceMap von WebPack, um es zu analysieren und den tatsächlichen Breakpoint zu finden .
Kurz gesagt, Sie können WebPack-Anwendungen nicht nur mit dem WebPack DevServer debuggen. Sie können jedoch den normalen WebPack-Build mit Dateiüberwachung parallel dazu ausführen: '
Wie Sie wissen, müssen Sie ein Verteilungs- / Produktionspaket mit Quellzuordnungen erstellen und dieses dann zum Debuggen in WebStorm verwenden. Ich persönlich führe Tests mit Karma aus, während ich den webpack-dev-server laufen lasse. Karma-Tests können mit dem Debugger ausgeführt werden und erfüllen normalerweise alle meine Debugging-Anforderungen, während der Webpack-dev-Server meinen "manuellen Test" anbietet, um zu sehen, wie es mir geht.
Ich schätze, was ich für Ihren Fall sage ... Sie können den Dev-Server laufen lassen, während Sie gleichzeitig eine Art automatischen Build mit Quellkarten haben, die genau zur gleichen Zeit ausgeführt werden Verwenden Sie den Debugger an. Dies kann jedoch sehr intensiv sein und hängt von Ihrem Speicher und Ihrer Rechenleistung ab.
Tags und Links intellij-idea angular webpack webstorm