¿Para qué se utilizan los archivos .map en Bootstrap 3.x?
Hay dos archivos incluidos en la CSScarpeta con extensiones de archivo .map. Ellos son:
bootstrap-theme.css.map
bootstrap.css.map
Parecen archivos minimizados pero no sé para qué sirven.
De Trabajar con preprocesadores CSS en Chrome DevTools :
Muchos desarrolladores generan hojas de estilo CSS utilizando un preprocesador CSS, como Sass, Less o Stylus. Debido a que los archivos CSS se generan, editarlos directamente no es tan útil.
Para los preprocesadores que admiten mapas de origen CSS, DevTools le permite editar en vivo los archivos fuente del preprocesador en el panel Fuentes y ver los resultados sin tener que salir de DevTools o actualizar la página. Cuando inspecciona un elemento cuyos estilos son proporcionados por un archivo CSS generado, el panel Elementos muestra un enlace al archivo fuente original, no al archivo .css generado.
Si solo desea deshacerse del error, también puede eliminar esta línea en bootstrap.css:
/*# sourceMappingURL=bootstrap.css.map */
Estos son mapas fuente. Proporciónelos junto con los archivos fuente comprimidos; Las herramientas de desarrollo, como las de Firefox y Chrome, las utilizarán para permitir la depuración como si el código no estuviera comprimido.
El CSS de arranque puede ser generado por Less. El objetivo principal del archivo de mapa se utiliza para vincular el código fuente CSS a menos código fuente en la herramienta de desarrollo de Chrome. Como solíamos hacer. Si inspeccionamos el elemento en la herramienta de desarrollo de Chrome. Puedes ver el código fuente de CSS. Pero si incluye el archivo de mapa en la página con el archivo css de arranque. puede ver menos código que se aplica al estilo del elemento que desea inspeccionar.
