一个文件依赖另外一个文件时，webpack就会直接将文件视为存在依赖关系，这使得webpack可以获取非代码资源，如images或web字体等，并且把这些资源作为依赖提供给程序。webpack开始工作的时候，会根据配置文件，从入口（entry）开始，构建一个依赖关系图，依赖关系图包含应用程序需要的每一个模块，然后将所有的模块打包成bundle（output的配置项）。
    依赖图可以帮我们分析，那些模块占用了空间，哪些模块可能是重复打包。

    npm i webpack-bundle-analyzer
    image.png