最近接手的项目是公司之前搭的多页面应用脚手架，然后到现在入口页面大大小小超过半百了，然后每次更新完配置之后，重启页面就贼拉卡，实在太影响开发效率了，于是开始优化呗。

最开始发现如果你想要让加载速度变快，可以暂时将不需要加载的页面注释掉一些，类似：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

webpack多入口优化 随笔

但是这种有问题，当你需要访问到其他页面上的数据的时候，就可能获取不到，所以这不是最佳的解决方案，因此采用方案二：

第一步：

npm i html-webpack-plugin-for-multihtml --save-dev

然后再配置plugins：
plugins: [
    new HtmlWebpackPlugin({
      title: 'My App',
      filename: 'assets/admin.html',
      // ...
      multihtmlCache: true // 解决多页打包的关键！
    })
  ]
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄