webpackで複数のHTMLを出力する際の設定について

Question

WebpackとEJSを使って、共通テンプレートを利用したweb制作環境を構築しています。
(JSの圧縮、SASS→CSSの圧縮も同時に行っています)

HTMLの出力は「html-webpack-plugin」というモジュールを使用していますが、
デフォルトでは"index.html"しか出力されないので、必要な分だけ別途追記していく必要があります。

const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = ( env, argv ) => ({
  plugins: [
    //トップページ
    new HtmlWebpackPlugin({
      hash: true,
      filename: "index.html",
      template: "./src/index.ejs"
    }),
    //サブページ
    new HtmlWebpackPlugin({
      hash: true,
      filename: "./dir/subpage.html",
      template: "./src/dir/subpage.ejs"
    }),
  ]
});

ページ数が少なければ良いのですが、多くなってくると非効率なので改善したいのです。
有用な対策法はありますでしょうか？

また、イレギュラーなパターンとして、一部ファイルだけhtmlではなくphpである場合もあります。

Answer 1

解決方法に関する記事がありました。
https://qiita.com/kn1cht/items/d3fcd3376ab3461bf05a