Die .map-Dateien sind für JavaScript- und CSS-Dateien (und jetzt auch für TypeScript-Dateien), die minifiziert wurden. Sie werden als Source Maps bezeichnet. Wenn Sie eine Datei minifizieren, wie z.B. die Datei angular.js, wird Tausende von Zeilen hübschen Codes auf wenige Zeilen hässlichen Codes reduziert. Hoffentlich verwenden Sie beim Versand Ihres Codes an die Produktion den minifizierten Code anstelle der vollständigen, unminifizierten Version. Wenn Ihre App in der Produktion ist und einen Fehler hat, wird die Source Map Ihnen helfen, Ihren hässlichen Code zu nutzen und Ihnen ermöglichen, die ursprüngliche Version des Codes zu sehen. Wenn Sie keine Source Map hätten, würde jeder Fehler höchstens kryptisch erscheinen.
Gleiches gilt für CSS-Dateien. Wenn Sie eine Sass oder Less-Datei nehmen und sie in CSS kompilieren, sieht sie überhaupt nicht mehr aus wie ihre ursprüngliche Form. Wenn Sie Sourcemaps aktivieren, können Sie den ursprünglichen Zustand der Datei sehen, anstatt des geänderten Zustands.
Also, um Ihre Fragen der Reihe nach zu beantworten:
- Wofür ist es? Uglified-Code zu de-referenzieren
- 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 minifizierte Version verwenden.
- Sollte ich mir Gedanken machen, eine js.map-Datei zu erstellen? Wenn Ihnen daran liegt, die Debugging von Produktionscode einfacher zu machen, dann sollten Sie es tun.
- Wie wird es erstellt? Es wird zur Build-Zeit erstellt. Es gibt Build-Tools, die Ihre .map-Datei erstellen können, genauso wie sie andere Dateien erstellen. Sourcemaps scheitern, wenn die Ausgabedatei sich nicht im Projektstammverzeichnis befindet #71
Ich hoffe, das ergibt Sinn.
