nunjucksify 使用教程
nunjucksify 是一个基于 Node.js 的 npm 包，它可以将 Nunjucks 模板转换为 browserify 可以识别的模块，方便在浏览器端使用模板引擎。
在使用 nunjucksify 之前，需要先安装 Node.js 和 browserify，这篇文章将假定你已经有了这两个工具。
安装 nunjucksify
通过 npm 安装 nunjucksify：
npm install nunjucksify --save-dev
使用 nunjucksify
在使用 nunjucksify 前，需要先创建一个 Nunjucks 模板文件：
<!-- template.njk -->
<h1>Hello {{ name }}!</h1>然后，我们可以在 JavaScript 文件中使用 nunjucksify 将模板转换为一个可用的模块：
// app.js
var template = require('./template.njk');
var html = template.render({ name: 'world' });
document.body.innerHTML = html;特性
nunjucksify 支持特性：
- 配置文件路径
- 模板文件扩展名
- 自定义 Nunjucks 环境
配置文件路径
可以通过 nunjucksify 的 configure 方法，告诉它你的 Nunjucks 配置文件路径：
// app.js
var nunjucks = require('nunjucks');
var nunjucksify = require('nunjucksify');
nunjucks.configure('path/to/nunjucks/config');
nunjucksify.configure({ nunjucks });
var template = require('./template.njk');
// ...模板文件扩展名
默认情况下，nunjucksify 会识别 .njk 和 .nunjucks 两种模板文件扩展名。如果你的模板文件使用其他扩展名，可以在 require 中指定：
// app.js
var template = require('./template.html');
// ...自定义 Nunjucks 环境
如果你使用了自定义的 Nunjucks 环境，可以通过 nunjucksify 的 configure 方法将其传递进去：
// app.js
var nunjucks = require('nunjucks');
var nunjucksify = require('nunjucksify');
var customNunjucks = nunjucks.configure('path/to/nunjucks/config');
nunjucksify.configure({ nunjucks: customNunjucks });
var template = require('./template.njk');
// ...示例代码
<!-- template.njk -->
<h1>{{ title }}</h1>
<ul>
{% for item in list %}
<li>{{ item }}</li>
{% endfor %}
</ul>// app.js
var template = require('./template.njk');
var html = template.render({
title: 'My list',
list: ['Apple', 'Orange', 'Banana']
});
document.body.innerHTML = html;来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f953d1de16d83a66ced