webpack

我们常说的Module是什么

webpack支持 ESModule, CommonJS, AMD, Assests

如何表达各种依赖关系？

我们常说的chunk和bundle的区别是什么？（important！）

1. Chunk
   是Webpack打包过程中Modules的集合，是打包过程中的概念。
   Webpack的打包是从⼀个⼊⼝模块开始，⼊⼝模块引⽤其他模块，模块再引⽤模块。
   Webpack通过引⽤关系逐个打包模块，这些module就形成了⼀个Chunk。
   当然如果有多个⼊⼝模块，可能会产出多条打包路径，每条路径都会形成⼀个Chunk。

2. bundle
   Bundle是我们最终输出的⼀个或多个打包好的⽂件

3. Chunk 和 Bundle 的关系?
   大多数情况，一个chunk一个bundle

Plugin 和 Loader 分别做什么？怎样工作的？

1. Loader
   模块转换器，将非js模块转化为webpack能识别的
2. Plugin
   扩展插件,webpack各个阶段都会广播出对应的事件

3. Compiler
   对象，也可以理解为webpack的实例

4. Compliation
   模块资源

简单描述一下打包过程

1. 初始化参数：shell webpack.config.js
2. 开始编译
3. 确定入口
4. 编译模块
5. 完成模块编译
6. 输出资源