老师异步代码分割比起同步代码分割有什么好处吗

来源：4-4 Webpack 和 Code Splitting（2）

慕瓜5414566

2022-07-25

只是有用到的页面才会打包这样吗

写回答

1回答

慕先生6414006

2022-07-28

同步代码即使进行分割打包，也会跟主模块代码一起加载，举个例子：就是本来2M的代码，分成1.3M和0.7M，不分割的话一次性加载一个2M的文件，分割后一次加载一个1.3M和一个0.7M的文件，或许分割后会快一点，但是对于性能的优化不是特别明显；

异步代码webpack会自动分包，在需要用的时候，才会进行加载。同样是上面的例子，前者一个2M的文件，后者一个1.3M和0.7的文件，前者一次性加载2M，后者可能初次只需要加载1.3M的文件，在需要使用的时候再加载那个0.7M的文件，减少了主模块加载时的体积，在性能优化上更明显一点。

以上仅为个人在学习使用过程中的理解，如有不对，敬请批评指正

慕先生5461412

Dell

问下异步代码里的同步代码也会做 code splitting 吗

2023-02-05

共3条回复

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1