Browserify transform for pre-compiled Twig.js templates with patternlab naming
npm install twigify-patternlabtwigify-patternlab
=======
twigify-patternlab is a Browserify transform for creating modules of pre-compiled Twig.js templates.
This module is a fork of twigify wich support Pattern Lab include syntax [patternType]-[patternName]
npm as a local development dependency:``bash`
npm install --save-dev twigify-patternlab
In patterns/00-atoms/00-globals/title.twig:`html+twig`{{ title }}
In title.js:`js`
var template = require('./patterns/00-atoms/00-globals/title.twig');
var body = template.render({
title: 'Main Page'
});
$('body').html(body);
Including sub templates:
In patterns/00-molecules/01-alert/warning.twig:`html+twig`{{ title }}
{% include 'atoms-title' %}
In warning.js:`js
// need to require() this so that it is available for warning.twig
require('./patterns/00-atoms/00-globals/title.twig');
var mainTemplate = require('./patterns/00-molecules/01-alert/warning.twig');
var page = mainTemplate.render({
title: 'Main Page'
});
$('body').html(page);
`
#### Transforming with the command-line ####
`bash``
browserify test.js -t twigify-patternlab > test-bundle.js