Webpack Swig loader



Webpack loader for swig templates.

How to use

$3

You can define swig loader using webpack configuration.

`` javascript
{
module: {
loaders: [
{ test: /\.swig$/, loader: "swig-loader" }
]
}
};
`

$3

You can load swig template using require parameter.

` javascript
var template = require('swig!./template.swig');
`

$3

You can pass swig options to the loader using swigLoader.options({ ... }) or loader query parameters. If you choose loader query parameters take a look at query webpack standard query format.

` javascript
// Option #1 - Swig loader global options
var swigLoader = require('swig-loader');
swigLoader.options({
varControls: ['{:', ':}']
});

// Option #2 - Swig loader query parameters
var swigLoader = require('swig?varControls[]={:&varControls[]=:}!./template.swig');
`

$3

You can pass template parameters to the loader using resource query parameters. If you need to pass some parameters take a look at query webpack standard query format.

` javascript
var swigLoader = require('swig!./template.swig?username=John');
`

$3

You can customize query, resourceQuery and result using customizers:

` javascript
var swigLoader = require('swig-loader');

swigLoader.queryCustomizer(function(query, templatepath) {
// modify query
});

swigLoader.resourceQueryCustomizer(function(resourceQuery, templatepath) {
// modify resource query
});

swigLoader.resultCustomizer(function(query, templatepath, resourceQuery, query) {
// modify result and don't forget to return it!
return result;
});
``