在前端开发中，模板引擎是一个非常重要的工具。它可以帮助我们将数据和 HTML 模板结合起来，生成最终的 HTML 页面。在 Node.js 的世界里，有很多优秀的模板引擎，比如 EJS、Handlebars、Pug 等等。而 Hapi 框架也提供了一个非常好用的模板引擎插件——vision。
vision 简介
vision 是 Hapi 框架自带的视图插件，它可以帮助我们在 Hapi 应用中使用模板引擎。目前 vision 支持的模板引擎包括 EJS、Handlebars、Jade、Mustache 和 Nunjucks。使用 vision，我们可以很方便地将数据和模板结合起来，生成最终的 HTML 页面。
安装
在使用 vision 之前，我们需要先安装它。可以使用 npm 命令进行安装：
npm install @hapi/vision
使用
安装完 vision 之后，我们就可以在 Hapi 应用中使用它了。首先，我们需要在 Hapi 应用中注册 vision 插件：
-- -------------------- ---- ------- ----- ---- - ---------------------- ----- ------ - ------------------------ ----- ------ - ------------- ----- ----- ----- ----------- --- ----- ---- - ----- -- -- - ----- ------------------------ -- --- -- -------
注册完成之后，我们就可以在路由处理函数中使用视图插件了。比如，我们可以使用 handlebars 模板引擎来渲染一个页面：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------ - ------------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- ------------------------
--------------
-------- -
----------- ---------------------
--
----------- ----------
----- -----------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ -------------- - ------ ----- ----- ---
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------上面的代码中，我们使用 server.views() 方法来配置视图插件。其中，engines 属性指定了我们要使用的模板引擎，这里我们选择了 handlebars。relativeTo 属性指定了模板文件的根目录，这里我们使用了 __dirname。path 属性指定了模板文件所在的目录，这里我们使用了 templates。
在路由处理函数中，我们使用 h.view() 方法来渲染模板。其中，home 表示模板文件名，{ title: 'Home Page' } 表示模板中需要的数据。
示例代码
下面是一个完整的示例代码，演示了如何在 Hapi 应用中使用 vision 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------ - ------------------------
----- ---------- - ----------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- ------------------------
--------------
-------- -
----------- ----------
--
----------- ----------
----- -----------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ -------------- - ------ ----- ----- ---
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在这个示例中，我们使用了 handlebars 模板引擎，并在 templates 目录下创建了一个名为 home.handlebars 的模板文件。在 home.handlebars 中，我们使用了 {{title}} 占位符来表示需要填充的数据。
总结
使用 vision 插件，我们可以很方便地在 Hapi 应用中使用模板引擎。通过上面的示例代码，我们可以看到，使用 vision 插件非常简单，只需要注册插件、配置模板引擎和路由处理函数，就可以完成模板渲染的工作。希望本文对大家有所帮助，让大家更好地使用 Hapi 框架和模板引擎。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6516c00c95b1f8cacdf116a2