webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

前端工程化演进到今天,webpack 做了很大的贡献。项目工程化带来了很多便捷,我们不再需要手动处理依赖之间的关系,也可以更方便的使用更多好用的框架,我们可以更关注业务本身,集中精力打造我们的产品。

在 webpack 中,使用懒加载或者按需加载,是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处分离开,然后在一些代码块中完成某些操作后,立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度,减轻了它的总体体积,因为某些代码块可能永远不会被加载。

那么,接下来让我们来探究一下 webpack 对懒加载的模块做了哪些工作吧~

后面请移步

https://github.com/a1029563229/Blogs/tree/master/Topic/Webpack/LazyLoad