webpack里手写一个多页面打包的通用方案

回顾

上篇文章我们打包了一个detail出口文件的所要做的事情：先在配置文件里去设置入口，然后在插件里new 一个HtmlWebpackPlugin并进行配置。_这只是一个，如果还有其他的文件需要打包处理呢，比如login、index这两个文件，如果也做打包处理，按照上面打包detail的步骤再来2遍，打包三个，我们需要这样重复3次，是不是太累了？如果文件很多，都要一个一个这样添加吗？_当然有解决方案。我们可以自己写一个方法去解放上面手动添加的烦恼，也就是 多页面打包的通用方案

手写多页面打包的通用方案

我们知道，要添加一个出口页面，我们需要执行的操作是：

1.先在配置文件里去设置入口文件。
2.插件里new 一个HtmlWebpackPlugin并进行配置。

新建一个配置文件

为了方便查看，我们重新建一个配置文件webpack.test.config.js,想要此文件生效，我们记着一定要在package.json这样设置：

就OK了，生成的文件如下：