重新认识Webpack

作为前端开发者，如果想扩大自己的能力边界，那工程化必是一个无法绕开的点。

工程化能不同程度弥补浏览器、语言、规范本身的设计缺陷，我们终于不需要再关注一些低效的技术细节、Trick，将更多注意力放在业务代码上，以更高效的方式方法编写出越来越复杂、庞大的 Web 应用

Webpack 忽略具体资源类型之间的差异，将所有代码/非代码文件都统一看作 Module —— 模块对象，以相同的加载、解析、依赖管理、优化、合并流程实现打包，并借助 Loader、Plugin 两种开放接口将资源差异处理逻辑转交由社区实现，实现统一资源构建模型，这种设计有很多优点：

1. 所有资源都是 Module，所以可以用同一套代码实现很多特性，比如：代码压缩、HMR、缓存等。
2. 打包时，资源之间非常容易信息互换，例如在 HTML 插入 Base64 格式的图片。
3. 借助 Loader，Webpack 几乎可以处理任意类型的资源。