nunjucks-component-extension

support pass data for nunjucks widget

Usage no npm install needed!

<script type="module">
  import nunjucksComponentExtension from 'https://cdn.skypack.dev/nunjucks-component-extension';
</script>

README

nunjucks-component-extension

nunjucks plugin for pass data

install

npm install nunjucks-component-extension --save

use case

const nunjucks = require('nunjucks');
const env = new nunjucks.configure(config.cwd);

env.addExtension('ComponentExtension', require('nunjucks-component-extension'));

nunjucks.render('index.html', (err, str) => {
    console.log(str);
})

ex.

index.html:

<html>
<head>
    <title>test component</title>
</head>
<body>
    {%
        set obj = {
            name: 'Michael',
            corp: 'Alibaba',
            dep: '神马搜索'
        }
    %}

    {% component file="sub.html", obj%}
</body>
</html>

sub.html:

<p>姓名： {{name}}</p>
<p>公司： {{corp}}</p>