Dependency Graph(依赖图)1
任何时候一个文件依赖于另外一个文件,webpack就会当做是一个依赖。这将允许webpack处理非代码资源,比如图片或web字体,并把它们提供为你应用的依赖。
当webpack处理你的应用时,它会从命令行或配置文件定义的模块列表开始。从入口点开始,webpack递归地建立一张依赖图,其包含你应用需要的每一个模块,然后把那些模块打包到少数的bundles里面——通常只有一个——给浏览器加载。
ℹ️打包应用对于HTTP/1.1客户端来说是特别强力的,因为它将应用必须等待浏览器发起新请求的时间缩短了2。对于HTTP/2,你同样可以用webpack实现代码分割和打包以实现最佳优化。
1. https://webpack.js.org/concepts/dependency-graph/ ↩
2. HTTP/1.1下浏览器发起请求的数量有限,所以资源数量越多,等待时间越长。 ↩