Adding sourcemaps for .scss in order to facilitate sourcemap support …

[tjnicolaides]

…in Harp: sintaxi/harp#74.

How I'm currently implementing in a test project using terraform as a dependency:

planet.render('main.scss', { "title": "Override the global title" }, function(error, body, sourcemap){
  fs.writeFile(__dirname + '/main.css', body + '\n/*# sourceMappingURL=main.css.map */')
  fs.writeFile(__dirname + '/main.css.map', sourcemap)
});

[kennethormandy]

Thanks, getting sourcemaps into Terraform is super overdue, this might give us the push we need to add it for the rest of the preprocessors too.

[tjnicolaides]

Thanks @kennethormandy -- I posted about continuing into Harp with this here if you would like to weigh in: sintaxi/harp#74 (comment)

[sintaxi]

I'd love to have source maps implemented in a way that is uniform with every pre processor. I don't use source maps personally so I have no opinions on how it should be implemented or used but I understand a lot of people find them useful.

[lunelson]

I'm testing this through Harp with .scss files and it doesn't work for me. I harp init'd a project using my own boilerplate here https://github.com/lunelson/hb-default-scss, and I can access. main.css but DevTools sees no sourcemaps and no main.css.map file seems to exist. Does a change have to be made in Harp first, for this to kick in?

Just answered my own question: sintaxi/harp#523

[lunelson]

I've tried this in a couple of projects and I believe I've determined, that the sourcemaps are not working when there are multiple nested levels of imports. In both projects I've got going with this, sourcemaps work for simpler structures but break down on complex imports such that all declarations are sourced to the same line in the same file.

[tjnicolaides]

@lunelson are you able to provide a sample project where this is happening and can be reproduced?

I believe there was a part where the maps generated by the precompiler get passed along to autoprefixer that could be the culprit. I'd like to be able to see it happening and write a test for it, if possible.