webpack - 如何将 HtmlWebpackPlugin 用于带通配符的多个文件？

Question

我有很多 HTML 文件需要处理，我正在使用 HtmlWebpackPlugin来生成它们。以下是我的 webpack 中的配置之一:

new HtmlWebpackPlugin({
                filename: 'index.html',
                template: 'index.html',
                inject: 'body'
            }),

加载一个 HTML 文件可以正常工作。但是我可以用它来管理带有通配符的多个文件吗？像下面的配置:

new HtmlWebpackPlugin({
                    filename: '[filename].html',
                    template: 'src/components/**/*.html',
                }),

Answer 1

实现此目的的唯一方法是使用 HtmlWebpackPlugin 的多个实例。

这是一个示例要点，解释了如何完成:
https://gist.github.com/prasann/cc797f4ab0715e7696d946647668d43b

有关如何操作的更多详细信息:https://github.com/jantimon/html-webpack-plugin/issues/218