单入口 提取异步公共代码

Question

老师，你好！
当前情况：单入口 pageA(视频里是多入口)，import动态引入subPageA，subPageB。subPageA和subPageB都引入moduleA。用CommonsChunkPlugin开启async提出异步公共代码moduleA。
如果单入口，我提取了也是ok的。 用 require.include把moduleA提前放入pageA中和用 CommonsChunkPlugin开启async把moduleA-async提出成为独立异步公共代码块，有什么区别吗？加载页面的时候都会直接请求到资源pageA或者moduleA-async呀！

Answer 1

qbaty 2019-03-04 15:17:40

提前打包入 pageA 是预取，提取出来成为公共代码模块是异步，结果是一样，但是实际上异步的方式，文件粒度更小了。在控制一些多页面存在很多相同的模块的时候，会控制的更加精准一些。

提前把多个页面的依赖都打入进初始的包的话，就会导致有可能初始加载了很多后面没有用到的代码。

• 提问者 鸡肋2016 #1

  非常感谢！