2015-10-20 30 views
5

Ist es möglich, bestimmte Teile eines WebPack-Bundles mit Blackbox zu versehen, sodass Chrome den Stack-Trace von Framework-Internals nicht anzeigt? Wenn ich beispielsweise einen Fehler in einer React-App untersuche, sind Stack-Trace-Einträge innerhalb des Frameworks nicht wichtig. Ich möchte nur die Teile sehen, die sich auf Code beziehen, den ich geschrieben habe.Framework Blackboxing während der Verwendung von Webpack?

Dies ist mit "Framework Blackboxing" bei der Verwendung von einzelnen Dateien möglich, aber ich weiß nicht, wie man es mit einem WebPack-Bundle erreichen kann.

+0

https://denysdovhan.com/blackboxing-react/ – zloctb

Antwort

2

Die Verwendung von devtool: "#eval" in Ihrer Webpack-Konfiguration (oder --devtool #eval in der Befehlszeile) scheint sowohl Black-Boxing als auch korrekte Stack-Traces zu unterstützen.

+0

vor allem aber, so scheint es, zu brechen 'window.onerror' ... –

+0

Es bricht mir das ES6 Code (komisch' _this' und so weiter), aber es ist besser als nichts. Jeder weiß, wie man die ES6-Quelle speichert, aber Blackbox-Skripte überspringt. – mqklin

+0

Blackboxing mit SourceMaps ist [noch nicht unterstützt] (https://bugs.chromium.org/p/chromium/issues/detail?id=583193), wird aber verfügbar sein. –

Verwandte Themen