【前端面试题-01】webpack 的 runtime 做了什么事情

在 Webpack 中，runtime 主要负责管理和执行打包后的模块加载和解析逻辑。它的核心作用包括以下几点：

1. 模块加载与解析：

   • Webpack 会将应用拆分为多个模块，并在运行时（runtime）管理这些模块的加载。
   • runtime 代码会根据模块 ID 解析依赖关系，确保正确的模块被加载。

2. 代码拆分与动态加载：

   • 当使用 import() 进行动态引入时，runtime 负责异步加载相关模块，并在需要时执行回调。

3. 缓存机制：

   • Webpack runtime 维护一个对象（如 __webpack_modules__），用于存储已加载的模块，防止重复加载，提高性能。

4. 热更新（HMR, Hot Module Replacement）支持：

   • 在开发环境下，runtime 负责处理 HMR 逻辑，监听模块的变化，并在模块更新时执行适当的替换操作。