如何快速理解webpack？

webpack是javascript的静态打包器，当webpack处理应用程序时，他会递归的构建依赖关系图，其中包括应用程序的每个模块，然后将所有这些模块打包成一个或多个bundle。
在用的过程中发现webpack另一个比较好用的东西，通过 CommonJS语法把所有浏览器需要的静态资源做相应的准备，比如资源的合并打包。 通过webpack app.js bundle.js 命令可以把app.js和module.js一块存入bundle.js。同时webpack提供了loader机制和plugin机制，loader机制支持载入各种静态资源，不止是js，也可以是HTML，css，imagin等各种资源都可以用相应的loader来做依赖管理和打包，而plugin可以对webpack的整个流程进行一定的控制。
webpack背后的原理就是把所有的非js资源转化为js资源 (如把一个 css 文件转换成“创建一个 style 标签并把它插入 document”的脚本、把图片转换成一个图片地址的 js 变量或 base64 编码等)，然后用CommonJS的机制管理起来。