Skip to main content
se añadieron 329 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Más información aquí.

Los ficheros map (Mapas de fuentes) son los encargados de descompilar el código Javascript para que puedas depurarlo en el navegador.

En muchos proyectos los desarrolladores usan lenguajes como Typescript, Javascript ES2016, CoffeScript, Dart... para poder olvidarse de los problemas de compatibilidad entre navegadores.

Luego este código se transforma (se "transpila") a Javascript estándar usando una herramienta que permite, mediante configuración previa, elegir la compatibilidad del código con todo tipo de navegadores. Por ejemplo, IE10 no soporta la creación de variables con let, con lo que el transpilador se encarga de sustituir todos los let por var y asegurarse de que el comportamiento sea el mismo (no es tan trivial como parece). Del mismo modo puede añadir funcionalidades (como promesas) que no están disponibles en los navegadores antiguos.

Por último, el código se suele "minificar", haciéndolo ilegible.

Por tanto, el código que llega al navegador es algo como esto.

Pero estos transpiladores pueden crear un archivo que permita al navegador mostrar el código fuente original cuando depuramos nuestra aplicación aunque estén ejecutando la versión compilada:

Depurando Angular con Typescript en el navegador

En resumen:

  • no son necesarios para el correcto funcionamiento de una página
  • son una ayuda a los desarrolladores para depurar el código aunque esté transpilado/minificado
  • si no quieres que tu código sea depurable en producción, es mejor no añadirlos al servidor para que el navegador no los encuentre automáticamente.

Más información aquí.

Los ficheros map (Mapas de fuentes) son los encargados de descompilar el código Javascript para que puedas depurarlo en el navegador.

En muchos proyectos los desarrolladores usan lenguajes como Typescript, Javascript ES2016, CoffeScript, Dart... para poder olvidarse de los problemas de compatibilidad entre navegadores.

Luego este código se transforma (se "transpila") a Javascript estándar usando una herramienta que permite, mediante configuración previa, elegir la compatibilidad del código con todo tipo de navegadores. Por ejemplo, IE10 no soporta la creación de variables con let, con lo que el transpilador se encarga de sustituir todos los let por var y asegurarse de que el comportamiento sea el mismo (no es tan trivial como parece). Del mismo modo puede añadir funcionalidades (como promesas) que no están disponibles en los navegadores antiguos.

Por último, el código se suele "minificar", haciéndolo ilegible.

Por tanto, el código que llega al navegador es algo como esto.

Pero estos transpiladores pueden crear un archivo que permita al navegador mostrar el código fuente original cuando depuramos nuestra aplicación aunque estén ejecutando la versión compilada:

Depurando Angular con Typescript en el navegador

Más información aquí.

Los ficheros map (Mapas de fuentes) son los encargados de descompilar el código Javascript para que puedas depurarlo en el navegador.

En muchos proyectos los desarrolladores usan lenguajes como Typescript, Javascript ES2016, CoffeScript, Dart... para poder olvidarse de los problemas de compatibilidad entre navegadores.

Luego este código se transforma (se "transpila") a Javascript estándar usando una herramienta que permite, mediante configuración previa, elegir la compatibilidad del código con todo tipo de navegadores. Por ejemplo, IE10 no soporta la creación de variables con let, con lo que el transpilador se encarga de sustituir todos los let por var y asegurarse de que el comportamiento sea el mismo (no es tan trivial como parece). Del mismo modo puede añadir funcionalidades (como promesas) que no están disponibles en los navegadores antiguos.

Por último, el código se suele "minificar", haciéndolo ilegible.

Por tanto, el código que llega al navegador es algo como esto.

Pero estos transpiladores pueden crear un archivo que permita al navegador mostrar el código fuente original cuando depuramos nuestra aplicación aunque estén ejecutando la versión compilada:

Depurando Angular con Typescript en el navegador

En resumen:

  • no son necesarios para el correcto funcionamiento de una página
  • son una ayuda a los desarrolladores para depurar el código aunque esté transpilado/minificado
  • si no quieres que tu código sea depurable en producción, es mejor no añadirlos al servidor para que el navegador no los encuentre automáticamente.
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Más información aquí.

Los ficheros map (Mapas de fuentes) son los encargados de descompilar el código Javascript para que puedas depurarlo en el navegador.

En muchos proyectos los desarrolladores usan lenguajes como Typescript, Javascript ES2016, CoffeScript, Dart... para poder olvidarse de los problemas de compatibilidad entre navegadores.

Luego este código se transforma (se "transpila") a Javascript estándar usando una herramienta que permite, mediante configuración previa, elegir la compatibilidad del código con todo tipo de navegadores. Por ejemplo, IE10 no soporta la creación de variables con let, con lo que el transpilador se encarga de sustituir todos los let por var y asegurarse de que el comportamiento sea el mismo (no es tan trivial como parece). Del mismo modo puede añadir funcionalidades (como promesas) que no están disponibles en los navegadores antiguos.

Por último, el código se suele "minificar", haciéndolo ilegible.

Por tanto, el código que llega al navegador es algo como esto.

Pero estos transpiladores pueden crear un archivo que permita al navegador mostrar el código fuente original cuando depuramos nuestra aplicación aunque estén ejecutando la versión compilada:

Depurando Angular con Typescript en el navegador