webpack多页面打包配置

单页面应用：整个应用里面只有一个html文件。现在主流的框架，vue，react都是单页面应用。

所以webpack绝大部分都是对单页面打包。那么webpack如何对多页面进行打包

index.html

index.js

list.js

webpack.common.js

这里新建两个HtmlWebpackPlugin。HtmlWebpackPlugin是用来自动生成静态页面用的.模板是index.html，生成的文件名是index.html和list.html，里面植入的chunks分别是main和list。那么实际上多个页面就是多个HtmlWebpackPlugin