«Hvorfor har ingen fortalt meg om source maps fra før?»

Håvard WigtilKantega AS

Booster 2014

Hva er source maps?

● Map mellom original kildekode og generert resultat● Viser original kode i nettleserverktøy● Breakpoints o.l. refererer til original kode● Støttes i Firefox (Dev Tools), Chrome, og nyeste Safari

Source mapping på 1-2-3

1. Ha en source mapping-fil

2. Vis til mapping fra en kommentar i generert fil

3. Ha original(e) fil(er) tilgjengelig på riktig sted

//# sourceMappingUrl=my.min.map

Eksempel: jQuery

Eksempel: CoffeeScript

Eksempel: LESS

Andre verktøy med støtte

● SASS● Closure compiler● Traceur● UglifyJS● Google Web Toolkit● ...og mange flere

Spørsmål?

Presentasjon på slideshare.net/havwig/