Os .map
arquivos são para js
e css
(e agora ts
também) arquivos que foram minificados. Eles são chamados de SourceMaps. Quando você reduz um arquivo, como o arquivo angular.js, ele pega milhares de linhas de código bonito e o transforma em apenas algumas linhas de código feio. Felizmente, ao enviar seu código para produção, você está usando o código minificado em vez da versão completa e não minificada. Quando o aplicativo está em produção e apresenta um erro, o mapa de origem ajuda a obter seu arquivo feio e permite que você veja a versão original do código. Se você não tivesse o mapa de origem, qualquer erro pareceria enigmático.
O mesmo para arquivos CSS. Depois de pegar um arquivo SASS ou MENOS e compilá-lo em CSS, ele não se parece em nada com sua forma original. Se você ativar mapas de origem, poderá ver o estado original do arquivo, em vez do estado modificado.
Então, para responder às perguntas em ordem:
- Para que serve? Para des-referenciar código uglificado
- Como um desenvolvedor pode usá-lo? Você o usa para depurar um aplicativo de produção. No modo de desenvolvimento, você pode usar a versão completa do Angular. Na produção, você usaria a versão minificada.
- Devo me preocupar em criar um arquivo js.map? Se você se preocupa em poder depurar o código de produção com mais facilidade, sim, deve fazê-lo.
- Como é criado? É criado no momento da construção. Existem ferramentas de criação que podem criar o arquivo .map para você, assim como outros arquivos. https://github.com/gruntjs/grunt-contrib-uglify/issues/71
Espero que isto faça sentido.