problem: low-resolution sourcemaps

Self answer: 4d00bdf it seems to be to prevent shifting lines in source maps.

Maybe it would be simple to always add that line, and always shift the source maps by 1.

I am finally getting usable source maps for SCSS, wow!

Goal: Give bug trackers like bugsnag access to sprockets generated source maps.

If you don't mind putting the sourcemap url in the minified JS

minified_url: MINIFIED_URL_PATH, source_map: HTTP::FormData::File.new(LOCAL_SOURCEMAP_PATH)

//= link application.js.map

Sentry supports un-minifying JavaScript via Source Maps. This lets you view source code context obtained from stack traces in their original untransformed form, which is particularly useful for debugging minified code (e.g. UglifyJS), or transpiled code from a higher-level language (e.g. TypeScript, ES6).

Our team is also looking into generating source maps in production/staging for error reporting (via Airbrake).

I want source map in prod too (for error tracking, same as @vincentwoo)

Could you explain your use case in a bit more detail? How are you using source maps without source map comments? Are you uploading them to a bug tracker?

Any updates on this one? It makes debugging JS and CSS in the web inspector next to impossible when you can't get any help finding the offending code in your own source files.

Source maps eliminate the need to serve these separate files. Instead, a special source map file can be read by the browser to help it understand how to unpack your assets. It "maps" the current, modified asset to its "source" so you can view the source when debugging. This way you can serve assets in development in the exact same way as in production.

Source maps are a major new feature.

(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.)

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.

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.

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.