5 Matching Annotations
  1. Sep 2020
    1. (I promise you, this is the single biggest productivity boost to your CSS workflow. If you're writing styles without sourcemaps, you are almost certainly wasting a lot of time. I know I was.)
    1. But source maps have long been seen merely as a local development tool. Not something you ship to production, although people have also been doing that, such that live debugging would be easier. That in itself is a great reason to ship source maps.
    2. source maps are special files that connect that final output file the browser is actually using with the authored files that you actually work with and write code in on your file system.
    3. But because that final CSS file is probably minified (all whitespace removed), DevTools is likely to tell us that we’ll find the declaration we’re looking for on line 1! Unfortunate, and not helpful for development.
  2. Oct 2015
    1. Useful introduction to how source maps work. The code for Mozilla's source map library is very readable and an easy way to test this in practice.