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