nunjucksify 使用教程
nunjucksify 是一个基于 Node.js 的 npm 包,它可以将 Nunjucks 模板转换为 browserify 可以识别的模块,方便在浏览器端使用模板引擎。
在使用 nunjucksify 之前,需要先安装 Node.js 和 browserify,这篇文章将假定你已经有了这两个工具。
安装 nunjucksify
通过 npm 安装 nunjucksify:
--- ------- ----------- ----------
使用 nunjucksify
在使用 nunjucksify 前,需要先创建一个 Nunjucks 模板文件:
---- ------------ --- --------- -- ---- --------
然后,我们可以在 JavaScript 文件中使用 nunjucksify 将模板转换为一个可用的模块:
-- ------ --- -------- - -------------------------- --- ---- - ----------------- ----- ------- --- ----------------------- - -----
特性
nunjucksify 支持特性:
- 配置文件路径
- 模板文件扩展名
- 自定义 Nunjucks 环境
配置文件路径
可以通过 nunjucksify 的 configure
方法,告诉它你的 Nunjucks 配置文件路径:
-- ------ --- -------- - -------------------- --- ----------- - ----------------------- ---------------------------------------------- ----------------------- -------- --- --- -------- - -------------------------- -- ---
模板文件扩展名
默认情况下,nunjucksify 会识别 .njk
和 .nunjucks
两种模板文件扩展名。如果你的模板文件使用其他扩展名,可以在 require 中指定:
-- ------ --- -------- - --------------------------- -- ---
自定义 Nunjucks 环境
如果你使用了自定义的 Nunjucks 环境,可以通过 nunjucksify 的 configure
方法将其传递进去:
-- ------ --- -------- - -------------------- --- ----------- - ----------------------- --- -------------- - ---------------------------------------------- ----------------------- --------- -------------- --- --- -------- - -------------------------- -- ---
示例代码
---- ------------ --- ------ ----- ------- ---- -- --- ---- -- ---- -- ------ ---- ------- -- ------ -- -----
-- ------ --- -------- - -------------------------- --- ---- - ----------------- ------ --- ------ ----- --------- --------- --------- --- ----------------------- - -----
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066f953d1de16d83a66ced