如何使用带有通配符的多个文件的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