Was werden die .map-Dateien in Bootstrap 3.x verwendet?

Question

Im CSS-Ordner sind zwei Dateien mit der Dateierweiterung .map enthalten. Sie sind:

bootstrap-theme.css.map
bootstrap.css.map

Es scheint sich um minimierte Dateien zu handeln, aber ich weiß nicht, wofür sie verwendet werden.

Answer 1

Für alle, die hierher gekommen sind, um diese Dateien zu suchen (wie ich), können Sie sie normalerweise finden, indem Sie .map am Ende der URL hinzufügen:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map

Vergewissern Sie sich, dass Sie die Version durch die Version von Bootstrap ersetzen, die Sie verwenden.

Answer 2

Kartendateien (Quellkarten) sind vorhanden, um minimierten Code (CSS und JavaScript) zu de-referenzieren.

Und sie werden hauptsächlich verwendet, um Entwicklern beim Debuggen einer Produktionsumgebung zu helfen, da Entwickler in der Regel minimierte Dateien für die Produktion verwenden, was es unmöglich macht, sie zu debuggen. Kartendateien helfen ihnen dabei, den Code zu de-referenzieren, um zu sehen, wie die ursprüngliche Datei ausgesehen hat.

Answer 3

Haben Sie sich jemals gewünscht, dass Sie Ihren clientseitigen Code lesbar und vor allem debugfähig halten könnten, auch nachdem Sie ihn kombiniert und minimiert haben, ohne die Leistung zu beeinträchtigen? Nun können Sie das durch die Magie der Source Maps.

Dieser Artikel erklärt Source Maps auf praktische Weise.