"Hvorfor har ingen fortalt meg om source maps før?"

8
«Hvorfor har ingen fortalt meg om source maps fra før?» Håvard Wigtil Kantega AS Booster 2014

Transcript of "Hvorfor har ingen fortalt meg om source maps før?"

«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/