在现代 web 应用程序中，静态文件和模板引擎是非常重要的组成部分。Hapi 是一个非常流行的 Node.js 框架，它提供了 Inert 和 Vision 插件来实现静态文件目录和模板引擎的功能。本文将会详细介绍如何使用 Inert 和 Vision 插件来实现这些功能。
Inert 插件
Inert 插件是 Hapi 框架中用于处理静态文件的插件。它允许你将静态文件（如图片、CSS、JavaScript 等）直接发送给客户端，而无需编写任何处理代码。使用 Inert 插件非常简单，只需要在你的 Hapi 应用程序中注册它即可。以下是一个示例：
-- -------------------- ---- ------- ----- ---- - ---------------------- ----- ----- - ----------------------- ----- ------ - ------------- ----- ----- ----- ----------- --- ----- ---- - ----- -- -- - ----- ----------------------- -------------- ------- ------ ----- ------------------- -------- - ---------- - ----- -------- - - --- ----- --------------- ------------------- ------- -- ---- ----------------- -- -------展开代码
在上面的示例中，我们首先引入了 Hapi 和 Inert 插件。然后，我们创建了一个 Hapi 服务器实例，并将 Inert 插件注册到该实例中。接下来，我们定义了一个路由，它将匹配以 /public 开头的所有请求，并将这些请求映射到 public 目录下的文件。最后，我们启动了服务器并打印了服务器的 URI。
Vision 插件
Vision 插件是 Hapi 框架中用于处理模板引擎的插件。它允许你使用多种模板引擎（如 Handlebars、Jade 等）来渲染动态内容。使用 Vision 插件也非常简单，只需要在你的 Hapi 应用程序中注册它即可。以下是一个示例：
-- -------------------- ---- ------- ----- ---- - ---------------------- ----- ------ - ------------------------ ----- ---------- - ---------------------- ----- ------ - ------------- ----- ----- ----- ----------- --- ----- ---- - ----- -- -- - ----- ------------------------ -------------- -------- - ----- ---------- -- ----------- ---------- ----- ----------- --- -------------- ------- ------ ----- ---- -------- --------- -- -- - ------ --------------- - ------ ----- ----- --- - --- ----- --------------- ------------------- ------- -- ---- ----------------- -- -------展开代码
在上面的示例中，我们首先引入了 Hapi、Vision 和 Handlebars。然后，我们创建了一个 Hapi 服务器实例，并将 Vision 插件注册到该实例中。接下来，我们定义了一个视图引擎，它将使用 Handlebars 引擎来渲染 HTML 文件。我们还指定了模板文件所在的目录。最后，我们定义了一个路由，它将匹配根路径 / 的请求，并使用 h.view 方法来渲染 index 模板，并将 title 变量传递给模板。
结论
在本文中，我们介绍了如何使用 Inert 和 Vision 插件来实现静态文件目录和模板引擎的功能。使用这些插件可以极大地简化你的代码，并使你的 web 应用程序更加易于维护。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6777b127c1c5215e3cbb7db6
