I've been using Chrome for a good while now, and you have to explicitly enable souce map support in the options.
I'm testing something in Firefox now with Firebug, but I'm not seeing my original source files - just the generated bundle.
Is there some way to enable source map support in Firebug? I'm using Firebug 1.12.8 in Firefox 27.0.1.
To enable source maps in Google Chrome, go to Developer Tools, click the little cog icon, and then make sure that “Enable Javascript source maps” is checked. That's it.
To enable it, right click in Firefox browser window and select Inspect Element(Q) or Go to Tools Menu -> Web Developer -> Select Debugger. Once you click Inspect Element(Q), you will find a window appear in Firefox, which has all the controls and features to inspect your page.
The only workaround is to manually change the map URL to a public one (http://localhost:1234/file.map.js) and start a local webserver at this port.
Firebug doesn't support source maps yet (as of 2.0.*).
You may want to follow issue 5765 for source maps support for JavaScript and issue 5961 for CSS.
Firebug 3 will integrate into the built-in DevTools of Firefox, which already have this feature. So Firebug 3 will also have that feature. Development versions are available at getfirebug.com.
Update:
Firebug is merged into the Firefox DevTools since Firefox 48.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With