最近接手的项目是公司之前搭的多页面应用脚手架,然后到现在入口页面大大小小超过半百了,然后每次更新完配置之后,重启页面就贼拉卡,实在太影响开发效率了,于是开始优化呗。
最开始发现如果你想要让加载速度变快,可以暂时将不需要加载的页面注释掉一些,类似:
但是这种有问题,当你需要访问到其他页面上的数据的时候,就可能获取不到,所以这不是最佳的解决方案,因此采用方案二:
第一步: npm i html-webpack-plugin-for-multihtml --save-dev
然后再配置plugins:
plugins: [ new HtmlWebpackPlugin({ title: 'My App', filename: 'assets/admin.html', // ... multihtmlCache: true // 解决多页打包的关键! }) ]