Map Preprocessed Code to Source Code For You Personally

Map Preprocessed Code to Source Code For You Personally

Keep your client-side rule readable and debuggable even with you have combined, minified or put together it. Use supply maps to map your supply rule to your put together rule.

  • Utilize supply Maps to map minified rule to source rule. Then you can read and debug put together rule with its initial supply.
  • Only use preprocessors with the capacity of producing Source Maps.
  • Verify that your particular internet host can serve supply Maps.

Begin with preprocessors

This informative article describes just how to communicate with JavaScript supply Maps into the DevTools Sources Panel. For a overview that is first of preprocessors are, how they may assist and exactly how Source Maps work, mind up to arranged CSS & JS Preprocessors.

Make use of supported preprocessor

You should employ a minifier that is with the capacity of creating source maps. When it comes to many popular choices, see our preprocessor help area. For an extensive view, start to see the supply maps: languages, tools as well as other info wiki page.

The next types of preprocessors can be found in combination with supply Maps:

Supply Maps in DevTools Sources panel

Source Maps from preprocessors cause DevTools to load your initial files as well as your minified people. (suite…)