Fundamentally it really is a solution to map a combined/minified file back into an unbuilt state.

Fundamentally it really is a solution to map a combined/minified file back into an unbuilt state.

Have actually you ever discovered yourself wishing you can maintain your client-side rule readable and much more notably debuggable even with you have minified and combined it, without impacting performance? Well you can now through the miracle of supply maps.

Whenever you develop for production, along side minifying and combining your JavaScript files, you create a supply map which holds information regarding your initial files. Once you query a certain line and line quantity in your generated JavaScript you can certainly do a lookup within the supply map which comes back the initial location. Developer tools (presently WebKit nightly builds, Bing Chrome, or Firefox 23+) can parse the foundation map immediately while making it appear as if you are running unminified and uncombined files.

The above mentioned demo lets you right simply simply simply click any place in the textarea containing the generated supply. Choose “Get initial location” will query the foundation map by passing into the generated line and line quantity, and get back the career into the code that is original.