webpack构建过程主要步骤为:
- 初始化参数:解析webpack配置参数,合并 Shell 传入和 webpack.config.js 文件配置的参数,形成最后的配置结果。
- 初始化之后开始编译
- 确定入口:指定一个或多个入口文件作为构建的起点,Webpack 会从这些入口文件开始递归地解析和构建依赖关系。
- 编译模块: 解析入口文件及依赖的模块,Webpack 会根据配置中的不同模块规则(rules)来处理不同类型的模块,如 JS 文件、CSS 文件、图片等。
- 完成模块编译并输出:根据模块之间的依赖关系,会生成补贴的chunk代码块
- 输出 指定打包之后的文件输出的位置和命名规则,打包后可能输出一个文件或多个文件