Qué son los sourcemaps en WebPack

[miktrv]

Buenas,

Veo mucho el termino source maps en WebPack y otras herramientas. Sé que se generan para el fichero final de distribución, pero no se muy bien que son exactamente o para que sirven. Intuyo que son como definiciones para que sea más rápido el código de salida pero no lo entiendo muy bien,

Gracias de antemano!

[leugimsiul]

El sourcemap se usa para poder debuguear código en producción básicamente. En producción tu subes el código concatenado, comprimido y en ocasiones ofuscado, dando lugar a un código ilegible. Si necesitases debuguear algo no serías capaz sin la ayuda de un sourcemap. Este le dice a la herramienta depuradora como volver a reconstruir el código para que sea legible, ofreciéndotelo así para su posterior debugueo.

No es algo exclusivo de webpack. Con otras herramientas también se pueden generar sourcemaps, por ejemplo gulp o grunt.

Chequea https://blog.getsentry.com/2015/10/29/debuggable-javascript-with-source-maps.html

Saludos!