Webpack核心概念

1、Entry：入口，Webpack执行构建的第一步将从Entry开始，可抽象为输入。

2、Module：模块，将Webpack里一切皆模块，一个模块对应一个文件，Webpack会从配置的Entry开始递归出所有依赖的模块。

3、Chunk：代码块，一个Chunk由多个模块组成，用于代码合并且分割。

4、Loader：模块转化器，用于将模块的原内容按需转化为新内容。

5、Plugin：扩展插件，在Webpack构建流程中的特定时机注入扩展逻辑，来改变构建结果或做我们想要的事情。

6、Output：输出结果，在Webpack经过一系列处理并得到最终想要的代码后输出的结果。

 

Webpack在启动后会从Entry里配置的Module开始，递归解析Entry依赖的所有Module。每找到一个Module，就会根据配置的Loader去找出对应的转化规则，对Module进行转换后，再解析出当前Module依赖的Module。这些模块会以Entry为单位进行分组，一个Entry及其所有依赖的Module被分割到一个组也就是一个Chunk。最后，Webpack会将所有Chunk转化成文件输出。在整个流程中，Webpack会在恰当的时机执行Plugin里定义的逻辑。