webpack-dev-serverでテンプレートエンジンを使う

2228 ワード
ejs webpack-dev-server ejs テキストリンク

webpack-dev-serverはExpressが使われているのでejsを組み込むことができます。
クエリパラメータによってHTMLの一部を変えたいときなんかに使えるかもしれません。

webpack.js
const ejs = require('ejs');

module.exports = {
  devServer: {
    before: (app) => {
      app.set('ejs', ejs.render);

      app.get('/cypress', (req, res) => {
        res.render('./index.ejs', {input: req.query.input});
      });
    }
  }
};