Hapi.js 是一个现代化的 Node.js Web 应用程序框架，具有强大而易于扩展的插件体系结构和丰富的功能。其中 Inert 和 Vision 这两个插件，为前端开发者提供了很便利的功能。
Inert 插件
Inert 插件是 Hapi.js 中基本的静态文件（如图像、CSS、JavaScript 文件等）处理插件。使用 Inert，你可以非常轻松地将静态文件置于特定的目录中，并在任何时候访问这些文件，而不必编写业务逻辑。
安装 Inert 插件
使用 npm 进行安装：
npm install inert --save
使用 Inert 插件
在 Hapi.js 应用中注册 Inert 插件，并创建一个目录来存储静态文件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ---- - ----------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- ----------------------------------------
-- - ------ ---------
--------------
------- ------
----- ------------
-------- -
---------- -
----- -------------------- ---------
-
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在上面的例子中，我们将静态文件存储在 public 目录中，并在 handler 中指定使用 directory 处理程序来访问这些文件。
Inert 插件的优势
- 可将静态文件存储在特定的目录中。
- 访问静态文件时，无需编写任何业务逻辑。
- 处理静态文件时，请求处理速度非常快。
Vision 插件
Vision 插件是 Hapi.js 中视图解析插件。使用 Vision，你可以轻松地将任何模板引擎与 Hapi.js 集成。此外，Vision 还支持缓存模板以提高性能。
安装 Vision 插件
使用 npm 进行安装：
npm install vision --save
使用 Vision 插件
在注册 Vision 插件之前，你需要先安装适合你的模板引擎，并在应用程序中的模板文件夹中创建模板文件。下面是一个使用 Handlebars 模板引擎的例子：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------ - ------------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- ------------------------
-- -- ---------- ----
--------------
-------- -
----- ---------------------
--
----- --------- - --------
---
-- ------
--------------
------- ------
----- ----
-------- --------- -- -- -
------ --------------- - ------ ------- ----- ---
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------在上面的例子中，我们注册了 Handlebars 模板引擎，并在应用程序的视图文件夹中创建了一个 index.html 文件。然后，我们使用 h.view() 方法来处理视图请求，并传递一个变量给模板引擎。
Vision 插件的优势
- 支持多种模板引擎，你可以选择适合你的模板引擎。
- 可以缓存模板以提高性能。
- 对视图的请求处理速度非常快。
结论
Inert 和 Vision 插件是 Hapi.js 中非常强大的插件，可以极大地提高你的开发效率并减少代码量。在你的下一个 Hapi.js 项目中，尝试使用这两个插件，你会发现它们提供了很便利的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67767eaa6d66e0f9aa255a80