Los .map
archivos son para js
y css
(y ahora ts
también) archivos que han sido minificados. Se llaman SourceMaps. Cuando minimiza un archivo, como el archivo angular.js, toma miles de líneas de código bonito y lo convierte en solo unas pocas líneas de código feo. Con suerte, cuando envía su código a producción, está usando el código minificado en lugar de la versión completa y no minificada. Cuando su aplicación está en producción y tiene un error, el mapa fuente lo ayudará a tomar su archivo feo y le permitirá ver la versión original del código. Si no tuviera el mapa fuente, cualquier error parecería críptico en el mejor de los casos.
Lo mismo para los archivos CSS. Una vez que toma un archivo SASS o LESS y lo compila en CSS, no se parece en nada a su forma original. Si habilita los mapas de origen, puede ver el estado original del archivo, en lugar del estado modificado.
Entonces, para responder sus preguntas en orden:
- ¿Para qué sirve? Para desreferenciar el código uglified
- ¿Cómo puede usarlo un desarrollador? Lo usa para depurar una aplicación de producción. En el modo de desarrollo, puede usar la versión completa de Angular. En producción, usarías la versión minificada.
- ¿Debería importarme crear un archivo js.map? Si le interesa poder depurar el código de producción más fácilmente, entonces sí, debe hacerlo.
- ¿Cómo se crea? Se crea en el momento de la construcción. Existen herramientas de compilación que pueden compilar su archivo .map por usted, al igual que otros archivos. https://github.com/gruntjs/grunt-contrib-uglify/issues/71
Espero que esto tenga sentido.