依赖图谱(Dependency Graph)

每当一个文件依赖于另一个文件时,webpack 会将此视为依赖关系。这允许 webpack 获取非代码资源(如图像或 web 字体),并将它们作为依赖项提供给应用程序。

webpack 从命令行或配置文件中定义的模块列表开始处理你的应用程序。从这些入口点开始,webpack 递归地构建一个包含应用程序所需的每个模块的依赖关系图谱,然后将所有这些模块打包成少数几个可被浏览器加载的 bundle(通常只有一个)。

对于 HTTP/1.1 客户端来说,打包你的应用程序是尤其强大的,因为它最大限度地减少了应用程序在浏览器启动新请求时必须等待的次数。对于 HTTP/2,你还可以使用代码拆分(Code Splitting)以获得最好的结果。

进一步阅读