Webpack解析

webpack是一个用于现代JavaScript应用程序的静态资源打包工具。

Webpack的构建流程

1. 初始化参数：从配置文件和shell语句中合并的参数
2. 开始编译：将上一步得到的参数初始化成complier对象,加载所有的导入插件,执行对象的run方法开始执行编译;
3. 确认入口：从配置的entry入口找出所有的入口文件。
4. 编译模块：根据入口文件的依赖，调用所有配置的loader进行转换。
5. 完成模块编译并输出：根据入口文件之间的依赖关系，形成一个个代码块chunk。
6. 输出完成：将形成的代码块chunk输出到文件系统。