复习webpack4之Lazy Loading懒加载与Chunk

以前学习过webpack3的知识，可是webpack4升级后仍是有不少变更的，因此此次从新整理一下webpack4的知识点，方便之后复习。

此次学习webpack4不单单要会配置，记住核心API，最好还要理解一下webpack更深层次的知识，好比打包原理等等，因此可能会省略一些比较基础的内容，可是但愿我能够经过这次学习掌握webpack，更好地应对之后的工做。

1.Lazy Loading

在以前的笔记中提到了有同步和异步引入库的方式，那么他们有什么不一样呢？

举个例子，用vue开发单页面应用的时候，打开首页时，若是不进行懒加载，就会把其余页面的JS一块儿加载，会形成页面打开速度变慢，若是进行懒加载，在打开页面的时候再去进行相应的JS加载，会让加载速度变得快一些。

用户当前须要用什么功能就只加载这个功能对应的代码，也就是所谓的按需加载

在给单页应用作按需加载优化时，通常采用如下原则：

1.对网站功能进行划分，每一类一个chunk

2.对于首次打开页面须要的功能直接加载，尽快展现给用户

3.某些依赖大量代码的功能点能够按需加载

4.被分割出去的代码须要一个按需加载的时机

2. Chunk

打包生成的每个js文件，就是一个chunk。在前面的笔记中，minChunk: 1的意思能够这样解释：

好比咱们引入了lodash库，打包生成的chunk（js文件）中，至少有一个chunk（js文件）引入了lodash，就对lodash作代码分割。

这一节笔记比较简单，主要是对前两节的笔记作一个总结。