高级前端
webpack
【Q745】webpack 的打包流程是什么样的

webpack 的打包流程是什么样的

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 803 (opens in a new tab)

Author 回答者: Apr2026 (opens in a new tab)

Webpack 的打包流程大致可以归纳为以下几个步骤: 初始化: 启动构建,读取与合并配置参数,加载 Plugin,实例化 Compiler。 编译: 从 Entry 出发,针对每个 Module 串行调用对应的 Loader 去翻译文件的内容,再找出该 Module 依赖的 Module,递归地进行编译处理。 确定 Chunk: 每个 Module 都编译完成后,根据 Module 之间的依赖关系,生成代码块(Chunk)。 生成 Bundle: 每个 Chunk 都转换成一个单独的文件加入到输出列表,这步是可以修改输出内容的最后机会。 输出完成: 确定好输出内容后,根据配置确定的路径与文件名,把文件写入到文件系统。