回顾
上一篇webpack 打包文件分析(上)我们讲到 webpack
打包源码中文件加载的部分,通过分析了解了在 webpack
中不同模块规范相互加载的处理。而至此,只包括了文件的同步加载分析,对于文件的异步加载又是如何处理的呢?
我们使用 webpack
将项目打包为一个 bundle.js
文件,通过 script
标签插入到页面中引用。但如果这个 bundle.js
体积特别大,就会导致我们加载时间过长,阻塞页面的渲染。
其次,这个打包出来的 bundle.js
中其实部分的代码资源是当前加载页面用不到的,这样也导致了浪费。于是,资源加载的优化就成了必须要考虑的问题,而异步加载(或者说动态加载)就是解决这个问题的方案之一。