- Entry:入口,Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。
- Module:模块,在 Webpack 里一切皆模块,一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。
- Chunk:代码块,一个 Chunk 由多个模块组合而成,用于代码合并与分割。
- Loader:模块转换器,用于把模块原内容按照需求转换成新内容。
- Plugin:扩展插件,在 Webpack 构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要的事情。
- Output:输出结果,在 Webpack 经过一系列处理并得出最终想要的代码后输出结果。
chunk(块)
chunk 是 Webpack 的一个特定术语,我们可以将 module 理解为输入资源, chunk 就是在编译构建过程中对输入 module 和其依赖的管理者,它管理依赖图谱中的 module 如何封装成文件并输出。
bundle(包)
bundle 可以对应理解为 Webpack 流程输出的最终结果文件——输入资源经过配置解析、编译构建过程后最终输出js文件,提供给浏览器进行加载。bundle 由 chunk 组成,通常情况下它们之间是一一对应的关系,但是有一些配置会产生不同的情况。
