# WebPack

# WebPack 是什么?

从本质上来说,webpack 是一个静态模块打包工具。

要想让我们写好的模块化代码在各式各样的浏览器上能做到兼容,就必须借助于其他工具;

而 webpack 的其中一个核心就是让我们可以进行模块化开发,并帮我们处理模块间的依赖关系。

不仅仅是 Javascript 文件,我们的 css、图片、json 文件等在 webpack 中都可以当作模块来使用,这就是 webpack 的模块化概念。

当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。

# 学习资料