webpack打包原理流程分析

webpack：应用程序的静态模块打包器-将源码打包为浏览器可以识别的形式

bundle（捆绑包）：

是指将所有相关的模块和资源打包在一起形成的单个文件。他是应用程序的最终输出，可以在浏览器中加载和执行。捆绑包通常由webpack根据入口点和他们的依赖关系自动创建。当你运行webpack构建时，它会根据配置将所有模块和资源打包成一个或多个捆绑包

chunk（代码块）：

是webpack在打包过程中生成的中间文件，他代表着一个模块的集合。webpack根据代码的拓扑结构和配置将模块组织成不同的代码块。每个代码块可以是一个独立的文件，也可以与其他代码块组合成一个捆绑包。webpack使用代码分割技术将应用程序代码拆分成更小的代码块，以便在需要时进行按需加载。

loader：

loader可以让webpack去处理那些非JavaScript文件（webpack本身只理解JavaScript）。

loader可以将所有类型的文件转换为webpack能够处理的有效模块，然后可以利用webpack的打包能力对他们进行处理

plugin（插件）：

插件可以被用于执行范围更广的任务

插件的范围包括：从打包优化和压缩，一直到重新定义环境中的变量。插件接口功能机器强大，可以用来处理各种各样的任务