单入口 提取异步公共代码
来源：6-1 Webpack实战场景 - 分析打包结果
鸡肋2016
2018-12-24
老师，你好！
当前情况：单入口 pageA(视频里是多入口)，import动态引入subPageA，subPageB。subPageA和subPageB都引入moduleA。用CommonsChunkPlugin开启async提出异步公共代码moduleA。
如果单入口，我提取了也是ok的。 用 require.include把moduleA提前放入pageA中和用 CommonsChunkPlugin开启async把moduleA-async提出成为独立异步公共代码块，有什么区别吗？加载页面的时候都会直接请求到资源pageA或者moduleA-async呀！
写回答
1回答
-
提前打包入 pageA 是预取，提取出来成为公共代码模块是异步，结果是一样，但是实际上异步的方式，文件粒度更小了。在控制一些多页面存在很多相同的模块的时候，会控制的更加精准一些。
提前把多个页面的依赖都打入进初始的包的话，就会导致有可能初始加载了很多后面没有用到的代码。
012019-03-04
相似问题