一、Webpack是什么？
Webpack是一个现代前端项目静态模块打包器，它把前端项目中的js、css、图片等资源按照依赖关系整理好，合并、压缩，最终输出为适用于生产环境的、体积小的静态资源包。
二、为什么需要Webpack？
在浏览器端，开发时态和运行时态存在根本性的矛盾:
开发时态：追求 可维护性 和 开发体验
- 模块化：模块划分越细越好，越易于管理
- 丰富性：支持引入第三方包、使用最新语法和API等
运行时态：追求 加载性能 、 兼容性
- 请求数少：HTTP请求是性能瓶颈，合并文件数量
- 体积小：需要压缩代码，删除未使用的代码
- 兼容性：代码必须能够在各种旧版本浏览器中稳定运行
webpack的核心价值，就是弥合这道鸿沟。它允许开发人员完全沉浸在“开发时态”的 便利中，使用一系列可配置的加载器和插件，自动将代码转换为“运行时态”所需的最优状态。
