browserify und Dateien, die bereits eine Quellkarte haben

Question

Ich habe einige JavaScript-Code, der zu CommonJS-Modulen aus beliebigen Compile-zu-JS-Sprachen kompiliert wird und ich möchte den Browser-Code mit Quellkarten debuggen.

Also meine Dateien haben eine //# sourceMappingURL=index.js.map bereits und ich würde erwarten, dass browserify das lesen und transformieren, damit ich mit meiner ursprünglichen Nicht-JS-Sprache debuggen kann.

Benötige ich eine andere Transformation dafür?

Ich versuchte es mit browserify Debug-Flag, und dann erzeugt es eine Quellkarte, aber es ist für die Zwischen-JS-Dateien und nicht die ursprünglichen Nicht-JS-Dateien. Ich sehe sogar die ursprünglichen //# sourceMappingURL Aussagen, die im Bündel bleiben, und mein Browserdebugger mag es nicht alles.

Ist das überhaupt möglich?

Ich sehe dies: Keep original typescript source maps after using browserify Aber es funktioniert nicht.

Answer 1

Sie können Sorcery auf dem Ausgang von Broswerify ausführen. Sorcery löst eine Kette von Quellkarten auf, bis sie zu den Originaldateien gelangt. Hexerei gibt eine neue Quellkarte aus, die die ursprünglichen Quellen enthält. Dies ist nicht an ein bestimmtes Tool gebunden, so dass es mit Webpack funktioniert.

Installation: npm install -g sorcery

Verbrauch: sorcery -i outputOfBrowserify.js Dieser Befehl wird die Datei und seine Quelle Karte anstelle überschrieben.