Support source maps

[bhollis]

We should have the ability to produce sourcemaps for combined files as well as CoffeeScript, SASS/SCSS, etc.

• Wait for Sprockets to finish basic SourceMap support: https://github.com/sstephenson/sprockets/tree/source-maps
• Integrate with CoffeeScript's built in support for generating source maps (see https://github.com/markbates/coffee-rails-source-maps). This seems pretty hard when combined with Sprockets - maybe we should just wait for Sprockets to figure it out. See Source Maps sstephenson/sprockets#311
• Integrate with the experimental Compass sourcemaps stuff... again might be best to wait for Sprockets to handle that.
• Update our code to include .map files in the sitemap when sitemaps are available so they get built (Sprockets will be serving them via a URL query parameter.
• Make sure our JS minification supports creating source maps. Uglifier already has an option for this: https://github.com/lautis/uglifier#usage but the harder challenge comes when we have multi-stage sourcemaps (compile coffee -> js, then combine using uglifier - how do you make sure the minified stuff maps to the original code?)

[sandstrom]

😍

[duncanbeevers]

https://github.com/thlorenz/combine-source-map can be used to curry sourcemaps through multiple build phases.

[kevinSuttle]

Any update on this?

[bhollis]

When there is an update, it will be posted here.

[renatocarvalho]

It seems SourceMap support was just merged.

[jmuheim]

It seems SourceMap support was just merged.

Where?

[renatocarvalho]

@jmuheim Here: sstephenson/sprockets#311 (comment)

But it seems it's not on master yet.

[jmuheim]

Thanks! 👍

[alessandro-molari]

Are there any news about source maps support in middleman?

[tdreyno]

Seems like this should work:

configure :build do
  set :sass, :sourcemap => :inline
end

[TD540]

Doesn't seem to work. All I get are inline references to sass files and not the actual source map code.

[Arcovion]

This issue is tracking inline sourcemaps: sass/sass#1484
The current inline option adds CSS to the sourcemap, this issue adds the sourcemap to the CSS so there's no need for a map file at all.

[TD540]

Something's not going right here.

How do I get inline source maps to work with Chrome?

I added my middleman folder to the Chrome workspace, but the CSS inspector still shows the compiled styles.css file as source.

And I activated inline source maps in config.rb like this:

configure :development do
  set :sass, :sourcemap => :inline
end

Also, these are the types of comments found in styles.css:

/* line 17, /Users/dcrck/Desktop/project/source/stylesheets/components/_articles.scss */