Maintain your client-side rule debuggable and readable even with you have combined, minified or compiled it. Utilize source maps to map your supply rule to your compiled rule.
- Utilize supply Maps to map code that is minified supply rule. Then you’re able to read and debug put together rule with its initial supply.
- Only utilize preprocessors effective at creating supply Maps.
- Verify that the internet host can provide supply Maps.
Begin with preprocessors
Work with a supported preprocessor
You should employ a minifier that is with the capacity of creating source maps. When it comes to many options that are popular see our preprocessor help part. For the view that is extended look at supply maps: languages, tools as well as other information wiki page.
Listed here types of preprocessors are generally found in combination with supply Maps:
Supply Maps in DevTools Sources panel
Source Maps from preprocessors cause DevTools to load your initial files along with your minified people. Afterward you make use of the originals to create breakpoints and move through rule. Meanwhile, Chrome is really operating your minified rule. Thus giving you the impression of managing a development web web site in manufacturing.