Map Preprocessed Code to Provider Code For You Personally

Map Preprocessed Code to Provider Code For You Personally

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

  • Utilize supply Maps to map minified rule to supply rule. You may then read and debug put together code with its original supply.
  • Only utilize preprocessors with the capacity of creating supply Maps.
  • Verify that your particular internet host can provide supply Maps.

Get started doing preprocessors

This short article describes simple tips to communicate with JavaScript Source Maps into the DevTools Sources Panel. For the first breakdown of just what preprocessors are, how they may assist and exactly how supply Maps work, mind up to put up CSS & JS Preprocessors.

Work with a supported preprocessor

You should utilize a minifier that is with the capacity of creating maps that are source. For the many popular options, see our preprocessor help area. For the extensive view, understand supply maps: languages, tools as well as other information wiki page.

The next types of preprocessors can be utilized in combination with Source Maps:

Supply Maps in DevTools Sources panel

Source Maps from preprocessors cause DevTools to load your original files along with your ones that are minified. Afterward you use the originals to create breakpoints and move through rule. Meanwhile, Chrome is obviously operating your minified rule. This provides you the impression of owning a development web web site in manufacturing. (more…)

6F World Udagawa Bldg 36-6 Shibuya Tokyo 150-0042 Tel: 03-6855-7200