请阐述 Webpack 的核心实现机制，说明它如何将具有依赖关系的模块打包成静态资源。

回答思路

1. 【回答框架 1】Webpack 是一个模块打包器，核心原理是从入口文件开始，通过分析模块之间的依赖关系，构建出一张依赖图，然后根据这张图将所有模块打包成一个或多个 bundle。
2. 【回答框架 2】其工作流程大致分为初始化、编译、输出三个阶段。初始化时读取配置，创建 Compiler 对象；编译阶段由 Compiler 启动，从入口开始，通过 Loader 转换模块，解析依赖，并递归处理所有模块；最后根据依赖图生成最终资源文件。
3. 【回答框架 3】依赖解析是核心，通过解析模块的导入语句（如 import/require）来发现依赖，模块可以是 JS、CSS、图片等，Loader 用于将非 JS 文件转换为 Webpack 能理解的模块。
4. 【回答框架 4】打包过程中，每个模块都会被包装成函数，并分配一个 ID，通过一个运行时（runtime）来管理模块的加载和执行。最后输出一个包含所有模块的 bundle（或多个 bundle，支持按需加载）。
5. 【关键点 1】Webpack 基于依赖图进行打包。
6. 【关键点 2】使用 Loader 将不同文件类型转换为模块。
7. 【关键点 3】每个模块被打包成函数并分配 ID。
8. 【关键点 4】运行时负责模块的加载和执行。