koa2加载模板引擎

快速开始

安装模块

  1. # 安装koa模板使用中间件
  2. npm install --save koa-views
  4. # 安装ejs模板引擎
  5. npm install --save ejs

使用模板引擎

demo源码

https://github.com/ChenShenhai/koa2-note/blob/master/demo/ejs/

文件目录

  1. ├── package.json
  2. ├── index.js
  3. └── view
  4.     └── index.ejs

./index.js文件

  1. const Koa = require('koa')
  2. const views = require('koa-views')
  3. const path = require('path')
  4. const app = new Koa()
  6. // 加载模板引擎
  7. app.use(views(path.join(__dirname, './view'), {
  8.   extension: 'ejs'
  9. }))
  11. app.use( async ( ctx ) => {
  12.   let title = 'hello koa2'
  13.   await ctx.render('index', {
  14.     title,
  15.   })
  16. })
  18. app.listen(3000)

./view/index.ejs 模板

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title><%= title %></title>
  5. </head>
  6. <body>
  7.     <h1><%= title %></h1>
  8.     <p>EJS Welcome to <%= title %></p>
  9. </body>
  10. </html>