javascript - webpack html-loader で多くの html ファイルをグロブしますか?

Question

静的サイト ジェネレーター Hugo によって生成された HTML ファイル内の画像をハッシュして最適化しようとしています。

次html-loaderのテスト構成を使用して、一度に 1 つずつファイルを処理できます。

entry: {
        main: './entry.js'
    },
    module: {
        rules: [
            { test: /\.jpg$/, use: [ "file-loader" ] },
            { test: /\.png$/, use: [ "file-loader" ] },
            { test: /\.html$/, use: ExtractTextPlugin.extract("html-loader") }
        ]
    },
    output: {
        publicPath: "./",
        filename: 'test.bundle.js'
    }

そしてentry.js単純です：

require('./test.html');

含む:

<img src="test.png" data-src="test.png" >

これはうまくいきます！ハッシュ化された画像ソースを含む HTML ファイルを取得し、画像自体がハッシュ化されています。

私が本当にやりたいことは、HTML ファイルのディレクトリをグロブして、同様の結果を達成できるようにすることです。

私は次の行に沿って物事を試しました：

const glob = require('glob');

glob.sync( "./*.html" ).forEach( function( file ) {
  require( path.resolve( file ) );
});

無駄に。

私は掘り下げていて、答えを見つけることができないようです。どんなアイデアでも大歓迎です！