在 Egg.js 框架中，egg-view 是一款基于 Egg.js 的视图插件，提供了多种模板引擎的支持（如 EJS、Nunjucks 等），并且可以很方便地进行配置。本文将介绍 egg-view 的安装和使用方法，并给出一些示例代码。
安装
安装 egg-view 可以直接使用 npm 命令：
npm install egg-view --save
如果需要使用特定的模板引擎，还需要安装相应的模板引擎，例如使用 EJS 引擎可以这样安装：
npm install egg-view-ejs --save
配置
在 Egg.js 中配置 egg-view 也非常简单，只需要在 config/plugin.js 中进行配置即可：
exports.view = { enable: true, package: 'egg-view', };
同时，还需要在 config/config.default.js 中添加以下配置：
exports.view = { mapping: { '.ejs': 'ejs', // 模板文件的后缀名和对应的模板引擎名称 }, };
这里以 EJS 模板引擎为例进行配置，如果使用其他模板引擎则需要修改对应的配置项。
使用
在控制器中使用视图渲染功能也非常简单，只需要在 ctx 中调用 render 方法即可，例如：
class HomeController extends Controller { async index() { await this.ctx.render('home.ejs', { title: '首页', content: '欢迎来到我的博客！', }); } }
这里以 EJS 模板引擎为例，渲染的模板文件为 home.ejs，并传入了一个包含 title 和 content 属性的对象作为数据源。在模板文件中可以直接使用 <%= %> 语法输出变量值。
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- ----- ---------- ------- ------ ------- ------- ------- ------- -------展开代码
总结
通过本文的介绍，我们学习了如何安装和配置 egg-view 插件，并使用示例代码演示了如何在控制器中使用视图渲染功能。相信读者已经能够熟练地使用 egg-view 插件进行开发工作了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45099
