Egg.js中引入egg-view-ejs模板引擎

最新推荐文章于 2024-06-12 09:49:46 发布

黄宝康

最新推荐文章于 2024-06-12 09:49:46 发布

阅读量3.6k

点赞数

分类专栏： Egg.js

本文链接：https://blog.csdn.net/huangbaokang/article/details/104171596

版权

本文介绍了如何在Egg.js项目中集成并使用egg-view-ejs模板引擎。通过在`config/plugin.js`和`config/config.default.js`中配置，创建视图文件夹和模板文件，并在控制器中使用`await`关键字进行页面渲染。同时提到了EJS模板的版本循环功能，建议读者参考EJS官方文档以深入学习。

摘要由CSDN通过智能技术生成

github地址https://github.com/eggjs/egg-view-ejs
在github中有详细的介绍

安装

npm i egg-view-ejs --save

在{app_root}/config/plugin.js中配置，注释掉之前的

'use strict';

/** @type Egg.EggPlugin */
// module.exports = {
//   // had enabled by egg
//   // static: {
//   //   enable: true,
//   // }
// };

exports.ejs = {
  enable: true,
  package: 'egg-view-ejs',
};

在{app_root}/config/config.default.js中配置如下,需要把github提供的exports改成config

// 把默认的.ejs改成.html
  config.view = {
    mapping: {
      '.html': 'ejs',
    },
  };

在app目录下新建view文件夹，在view文件夹中新建index.html,内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=de

最低0.47元/天解锁文章

黄宝康

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
Egg.js中引入egg-view-ejs模板引擎

github地址https://github.com/eggjs/egg-view-ejs在github中有详细的介绍安装npm i egg-view-ejs --save在{app_root}/config/plugin.js中配置，注释掉之前的'use strict';/** @type Egg.EggPlugin */// module.exports = {// /...
复制链接

扫一扫