webpack学习

Node.js 是运行环境，JS 是开发语言，Webpack 是 “用 JS 写的、跑在 Node.js 上的构建工具”。

Webpack 是一个**模块打包器**，核心工作是把项目中散落的、各种格式的模块（JS/TS/CSS/ 图片等），按照依赖关系打包成浏览器能识别的静态资源。

最新版的webpack5 实现了几个比较重要的优化，提升了构建性能、资源处理、模块联邦等方面的体验。

Chunk：构建过程中的 “代码块”，是逻辑层面的概念（比如入口 chunk、异步 chunk、runtime chunk），Bundle：构建输出的 文件，是物理层面的概念（js/css文件）。

runtime chunk 本质：Webpack 的 “模块调度器”，包含模块映射、加载逻辑、缓存管理，无业务代码