webpack之Code Splitting

背景

为了降低http请求数量，把所有的代码打包成一个单独的js文件。但当这个js文件过大时，导致第一次页面加载速度过慢。

解决

把代码进行分块，按需加载；还可以利用浏览器缓存，下次用它的时候直接从缓存里读取。很显然，可以加快浏览器加载速度。code splitting就是把代码分成很多chunk。

Code Splitting怎么做

这部分内容可以查看：https://zhuanlan.zhihu.com/p/26710831，有非常详细的讲解。

 

另外

可以查看require.ensure()和import()相关，这篇文章也做了相关的讲解。https://blog.csdn.net/qq_38705449/article/details/103525610