A Jade loader plugin for RequireJS.

This is a fork of require-jade that does not include the whole jade library (it's a bower dependency instead), so you don't have to use buildPragmas but can simply stub out the modules not needed in a built version (this was not yet available when the original loader was written). Also, updating Jade to a newer version is much easier as it does not need messing with the loader script.

Make sure your requirejs config has paths set for text and jade (these are bower dependencies so you will already have them installed):

({
    paths : {
        text : 'bower_components/requirejs-text/text',
        jade : 'bower_components/jade/jade'
    }
})

Now you can reference Jade files via the jadeloader! plugin name:

require(['jadeloader!userview'], function(userView){
  $('.user').html(userView(locals));
});

Your templates will be returned as a Jade template function that accepts locals as the first arg.

When you are ready to deploy your application and want to compile your JS into a single file you can make use of the requireJS optimizer. require-jadeloader includes optimizer instructions that will precompile the templates to raw JS, so you can stub out the Jade library from the compiled source and use the much smaller runtime version instead. Only do this if you are not going to be dynamically including more Jade templates though (i.e. you're building into a single file).

To stub out the modules use:

({
  paths : {
    'jade-runtime' : './bower_components/jade/runtime'
  },
  stubModules: ['text', 'jade', 'jadeloader'],
  inlineText : false,
  include : ['jade-runtime']
})

Available via the MIT License. Jade is subject to its own licensing.