1. 简介
nunjucks-filter-loader是一个Node.js模块，方便我们在使用nunjucks模版引擎时，快速的加载过滤器，实现模版渲染。本文将向大家介绍其使用方法。
2. 安装
要使用nunjucks-filter-loader，首先需要安装以下两个包：
npm install nunjucks -S npm install nunjucks-filter-loader -S
3. 配置
在webpack配置文件中做如下配置：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------------- - ----------------------------------
----- ----------------- - -------------------------------
-------------- - -
-- --
------ -------------
------- -
----- ----------------------- --------
--------- -----------
--
------- -
------ -
-
----- ---------
---- -
-------------- -- ---- --- ---- ---
-
------- -------------------------
-------- -
----------- ----------------------- --------------
-
-
-
-
-
--
-------- -
--- -------------------
--------- ---------------------
--------- ------------
--
-
-你需要使用 "nunjucks-filter-loader" 作为模版文件的 loader，同时指定 filtersDir 作为过滤器文件所在的目录。
4. 使用
在指定目录中，新建一个filters目录，新建greet.js文件，内容如下：
module.exports = function (name) {
return `Hello, ${name}!`;
}在模版文件中，使用 {{name|greet}} 就可以调用此过滤器。示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ---------------
-------
------
------ ---------- -------
-------
-------以上代码将在渲染时把 "name" （像是 "Sebastian"）传递给 greet 过滤器处理，并将格式化后的 “Hello, Sebastian!" 作为HTML输出。
5. 总结
使用nunjucks-filter-loader可以方便地加载过滤器，使得nunjucks的使用更灵活。同时，可以更加轻松地实现模版渲染。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f953d1de16d83a66cab