quels sont les.fichiers de carte utilisés dans Bootstrap 3.x?
Il y a deux fichiers inclus dans le CSS dossier .map extensions de fichiers. Ils sont:
bootstrap-theme.css.map
bootstrap.css.map
Ils semblent être des fichiers minifiés mais je ne sais pas à quoi ils servent.
7 réponses
À partir de Travailler avec des préprocesseurs CSS dans Chrome DevTools:
De nombreux développeurs génèrent des feuilles de style CSS à l'aide D'un préprocesseur CSS, tel que Sass, Less ou Stylus. Étant donné que les fichiers CSS sont générés, l'édition directe des fichiers CSS n'est pas aussi utile.
Pour les préprocesseurs prenant en charge les mappages sources CSS, DevTools vous permet de modifier en direct les fichiers sources de vos préprocesseurs dans le panneau Sources et d'afficher les résultats sans avoir à quitter DevTools ou à actualiser la page. Lorsque vous inspectez un élément dont les styles sont fournis par un fichier CSS généré, le panneau éléments affiche un lien vers le fichier source d'origine, et non le fichier généré .fichier css.
Si vous voulez juste pour se débarrasser de l'erreur, vous pouvez également supprimer cette ligne dans bootstrap.css:
/*# sourceMappingURL=bootstrap.css.map */
Ce sont des cartes source. Fournissez-les à côté des fichiers source compressés; les outils de développement tels que ceux de Firefox et Chrome les utiliseront pour permettre le débogage comme si le code n'était pas compressé.
Le css bootstrap peut être généré par Less. Le but principal du fichier map est utilisé pour lier le code source css à moins de code source dans l'outil de développement chrome. Comme nous avons l'habitude de faire .Si nous inspectons l'élément dans l'outil de développement chrome. vous pouvez voir le code source de css. Mais si inclure le fichier de carte dans la page avec le fichier CSS bootstrap. vous pouvez voir le moins de code qui s'applique au style d'élément que vous souhaitez inspecter.
Avez-vous déjà souhaité que vous puissiez garder votre code côté client lisible et plus important encore déboguable même après l'avoir combiné et minimisé, sans affecter les performances? Eh bien maintenant, vous pouvez grâce à la magie des cartes source.
Cet article explique les cartes sources en utilisant une approche pratique.
Pour tous ceux qui sont venus ici à la recherche de ces fichiers (comme moi), vous pouvez généralement les trouver en ajoutant .map à la fin de l'URL:
Https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
assurez-vous de remplacer la version par la version de Bootstrap que vous utilisez.
Si vous vous demandez pourquoi il vous manque les fichiers de carte avec Bootstrap 3.x; assurez-vous d'avoir la bonne version installée. J'ai dû charger 3.3.7 pour obtenir l'effet désiré que je cherchais.