依赖图

---

title: 依赖图
sort: 9
contributors:

• TheLarkInn
• EugeneHlushko
  related:
• title: HTTP2 Aggressive Splitting Example
  url: https://github.com/webpack/webpack/tree/master/examples/http2-aggressive-splitting
• title: webpack & HTTP/2
  url: https://medium.com/webpack/webpack-http-2-7083ec3f3ce6

---

每当一个文件依赖另一个文件时，webpack 都会将其视为一个 依赖。这使得 webpack 可以将非代码资源（如图像或 web 字体）也作为你应用程序的 依赖 来处理。

当 webpack 处理你的应用程序时，它会从命令行或配置文件中定义的模块列表开始。
从这些 入口点 开始，webpack 递归地构建一个 依赖图，其中包含你的应用程序所需的每一个模块，然后将所有这些模块打包成少量的 bundle（通常只有一个），以供浏览器加载。

提示： 打包你的应用程序对 HTTP/1.1 客户端尤其有效，因为它能最大限度地减少浏览器启动新请求时应用程序必须等待的次数。对于 HTTP/2，你还可以使用 代码分割 来获得最佳效果。