ExpressでテンプレートエンジンPugを利用してみる

今回はExpressでpugを使ってみようと思います。

まずプロジェクトディレクトリを作成してください。

mkdir express_practice

その後、npm init -y

package.jsonが作成されます。

その後expressをインストールします。

npm i -D express

今回はpugを使用するので

npm i -D pug

viewフォルダにindex.pugファイルを用意します。

html
  head
    title!= title
  body
    h1!= message

プロジェクトフォルダ配下にapp.jsファイルを追加します。

const express = require('express');
const app = express();
app.set('view engine', 'pug');

const recordLog = function (req, res, next) {
  console.log('localhost:3000にアクセスしました');
  next();
};

app.use(recordLog);

app.get('/', function (req, res) {
  res.render('index', { title: 'Hello', message: 'Express'});
});


app.listen(3000);