Add support for handlebars as the view engine in the application, with a new configuration parameter for extension name

1 year ago · fcac5503a0
5 changed files with 851 additions and 19 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -13,6 +13,8 @@
    "ejs": "~2.6.1",
    "events": "^3.3.0",
    "express": "~4.16.1",
    "express-handlebars": "^7.1.2",
    "handlebars": "^4.7.8",
    "http-errors": "~1.6.3",
    "morgan": "~1.9.1",
    "slugify": "^1.6.6"
--- a/src/app.js
+++ b/src/app.js
@ -3,6 +3,7 @@ var express = require('express');
 var path = require('path');
 var cookieParser = require('cookie-parser');
 var logger = require('morgan');
 const { engine } = require('express-handlebars');
 var indexRouter = require('./routes/index');
 const consoleSubscriber = require('./subscribers/consoleSubscriber');
@ -10,8 +11,13 @@ const consoleSubscriber = require('./subscribers/consoleSubscriber');
 var app = express();
 // view engine setup
 app.set('view engine', 'handlebars');
 app.engine('handlebars', engine({
  layoutsDir: path.join(__dirname, 'views/layouts'),
  //new configuration parameter
  extname: 'hbs'
 }));
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'ejs');
 app.use(logger('dev'));
 app.use(express.json());
--- a/src/views/error.ejs
+++ b/src/views/error.ejs
@ -1,3 +0,0 @@
 <h1><%= message %></h1>
 <h2><%= error.status %></h2>
 <pre><%= error.stack %></pre>
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@ -1,11 +0,0 @@
 <!DOCTYPE html>
 <html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
 </html>