Question

I am playing around with rake pipeline to understand building emberjs apps.

Getting it to work is fairly straight forward and an example is here: https://github.com/emberjs/todos

but I am struggling to find resources on how to get the sourceMap working as a part of the pipeline so that I can view my js files separately in web inspector. Reference

Has anyone been able to get this going?

Answer 1

So, I figured out the issue. The minispade filter supports an “string” option. With this option set to true, the minispade filter appends a “sourceUrl” comment at the end of each module. This is later picked up by Firebug or Web-Inspector to show your files individually instead of one single file.

From: Minispade Filter on Github

#   @option options [Boolean] :string If true, compiles the output as
#   a String instead of a closure. This means that @sourceURL can be
#   appended for good stack traces and debugging.

The catch is that the Assetfile in the Ember Todos example which showcases using rake-pipeline doesn’t have this set to true. Once you modify your copy of the Assetfile, you are good with debugging.

Another open issue with the repo is the extremely old copy of minispade it uses. So if you are checking out that repo, make sure you update your minispade.js as well.