一个很晕的优化问题，减少请求和拆分公共部分
来源：4-7 html in webpack（3） - 配合优化
慕慕2280070
2018-04-17
麻烦老师指点下，比如说：A.html中引入A.js 大小为10kb 与B.html中引入B.js 大小为15kb ，两个JS文件共同依赖c.js 大小为5Kb，那么如果不拆分公共部分，那么每个页面请求次数只有1次，然后下载量总共为25kb， 如果拆出公共部分后，那A.html 就需要引入 A.js与 common.js 所以请求次数增多了，但是A页面下载量还是10kb, 但是B页面只需要下载10kb，而B.html中，也需要引入B.js与common.js 拆分公共部分的原意是不是这样的？但是这样请求量不是又增大了吗？还有最后一个插件 HtmlWebpackInline 这不就是走老路吗？把拆分出来的模块，为了降低请求，又塞回HTML中。感觉绕了一圈回来了，还是无从下手，不知道到底是需要拆分还是不拆分
写回答
1回答
-
qbaty
2018-04-20
应该拆分~
C 是commonjs，在 访问了A 以后，浏览器对 A + C 就有了缓存
再次访问 B 的时候，就只用下载B + C,这里的C已经被缓存了，所以很快能读取出来，只用下载单独的B 就好了
00
相似问题
提取代码的公共部分，无法打包成功
回答 5
老师，有这样一个问题请教
回答 2