Webpack 如何配置多入口？

Vue 是单页面应用。那么一个项目如何产出多个页面呢？
这篇主要记录Webpack 是如何配置多入口的，详细步骤如下。

1、配置多入口 entry

index 和 other 为入口名称，即页面名称；

2、配置出口 output

filename 中的 [name] 对应入口的文件名；
contentHash 会命中缓存，提高性能；

3、配置插件 htmlWebpackPlugin，生成多页面

htmlWebpackPlugin 插件会生成页面。
chunk 为代码块，默认引入 entry 中所有文件。
入口有几个页面就配置几个实例。

完成。

打包后的dist文件如下，并且打包后的 index.html 或 other.html，只会引入对应的 js 文件。