Warum jquery map verwenden?

Lesezeit: 3 Minuten

Warum verwenden jquery.min.map Wenn:

jquery = 242 ko
jquery.min + jquery.min.map = 83 + 125 = 208 ko (the map is even greater than the library)

Und wenn wir die Kommentare entfernen, erhalten wir eine kleine jquery, die einfacher zu lesen (und zu debuggen) sein könnte.

Warum also die verwenden map wenn es nur mehr als hinzufügen wird 100 ko und eine zusätzliche Anfrage?

Was ist die beste Vorgehensweise?

Bildschirmfoto

  • die Karte? Soweit ich verstanden habe, soll es Ihnen ermöglichen, die unkomprimierte Version zurückzubekommen, damit Sie sie leichter auf Chrome Dev oder Firefox debuggen können

    – Abdelouahab

    28. November 2014 um 21:32 Uhr

  • Mögliches Duplikat von Javascript .map-Dateien – Javascript-Quellkarten

    – Emil Lundberg

    12. Februar 2015 um 11:17 Uhr

Benutzer-Avatar
RAM

Quellkarten werden nur geladen, wenn die Entwicklertools aktiv sind. Browser laden sie nicht für die Benutzer der Anwendung.

Bearbeiten: Es sollte erwähnt werden, dass es 2 Arten von Quellkarten gibt. Eine, die eine externe Datei ist und in der eigentlichen Datei ein Link darauf vorhanden ist, und eine andere, die in die Hauptdatei eingebettet ist. Für den zweiten Typ müssen Browser tatsächlich die gesamte Datei (dh einschließlich der eingebetteten Quellkarte) laden.

Überprüfen https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ für mehr Informationen.

  • Ah! Endlich hab ich es! aber es scheint, dass ich in Chrom verwende 39.0.2171.71 m Ich muss die Karte aus dem Link angeben, um sie zu bringen, und nicht automatisch, nachdem ich die Quelle geöffnet habe, danke 🙂

    – Abdelouahab

    28. November 2014 um 21:42 Uhr

Benutzer-Avatar
Bart Jedrocha

Das nennt man Quellkarte. Diese Antwort geht detailliert darauf ein, was sie sind, wie sie funktionieren und warum Sie sie verwenden möchten.

BEARBEITEN

Auszug aus dem obigen SO-Link für die Nachwelt. Beantwortet von @aaronfrost

Die .map-Dateien sind für js- und CSS-Dateien, die minimiert wurden. Sie werden SourceMaps genannt. Wenn Sie eine Datei wie die Datei angle.js verkleinern, werden Tausende von Zeilen hübschen Codes in nur wenige Zeilen hässlichen Codes umgewandelt. Wenn Sie Ihren Code an die Produktion senden, verwenden Sie hoffentlich den verkürzten Code anstelle der vollständigen, nicht verkürzten Version. Wenn Ihre App in Produktion ist und einen Fehler aufweist, hilft die Sourcemap dabei, Ihre hässliche Datei zu nehmen, und ermöglicht es Ihnen, die Originalversion des Codes anzuzeigen. Wenn Sie die Sourcemap nicht hätten, würde jeder Fehler bestenfalls kryptisch erscheinen.

Gleiches gilt für CSS-Dateien. Sobald Sie eine SASS- oder LESS-Datei nehmen und sie in CSS kompilieren, sieht sie nicht mehr so ​​​​aus wie in ihrer ursprünglichen Form. Wenn Sie Sourcemaps aktivieren, können Sie den ursprünglichen Zustand der Datei anstelle des geänderten Zustands sehen.

Wofür ist das?

Uglifizierten Code dereferenzieren

Wie kann ein Entwickler es verwenden?

Sie verwenden es zum Debuggen einer Produktions-App. Im Entwicklungsmodus können Sie die Vollversion von Angular verwenden. In der Produktion würden Sie die minimierte Version verwenden.

Sollte ich mich um das Erstellen einer js.map-Datei kümmern?

Wenn es Ihnen wichtig ist, Produktionscode einfacher debuggen zu können, dann ja, Sie sollten es tun.

Wie wird es erstellt?

Es wird zur Build-Zeit erstellt. Es gibt Build-Tools, die Ihre .map-Datei wie andere Dateien für Sie erstellen können. https://github.com/gruntjs/grunt-contrib-uglify/issues/71

1011490cookie-checkWarum jquery map verwenden?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy