一、安装依赖

  1. cnpm i egg-view-nunjucks -S
  2. //-S  --save

二、config/plugin.js

image.png

  1. module.exports = {
  2.   nunjucks: {
  3.     enable: true,
  4.     package: 'egg-view-nunjucks',
  5.   }
  6. };

三、配置config/config.default.js

image.png

  1. config.view = {
  2.     defaultViewEngine: 'nunjucks',
  3.     mapping: {
  4.       '.html': 'nunjucks',
  5.     },
  6. };

四、app/view

image.png
写html的时候注释的内容有时候也会报错

五、使用

image.png

  1. class HomeController extends Controller {
  2.   async index() {
  3.     const { ctx } = this;
  4.     await ctx.render("home",{arr:["html","css","js"],isShow:false})
  5.   }
  6. }
  1. <body>
  2.     {% for item in arr %}
  3.     <p>{{item}}</p>
  4.     {% endfor %}
  6.     {% if isShow %}
  7.     <p>show</p>
  8.     {% endif %}
  9. </body>