* * *
### 1.webpack为什么会诞生?
[https://github.com/sokra——作者的githun——Java开发者](https://github.com/sokra%E2%80%94%E2%80%94%E4%BD%9C%E8%80%85%E7%9A%84githun%E2%80%94%E2%80%94Java%E5%BC%80%E5%8F%91%E8%80%85)
* GWT(Google Web Toolkit)——有代码分割的功能
* Webpack作者Pull request这个功能,其他打包工具的作者不关注
* Webpack诞生,Instagram使用维护
### 2.前端的演化历史
![](https://box.kancloud.cn/1a2317a628288a915c36dd15b3b8683b_824x447.png)
![](https://box.kancloud.cn/fc22f1975a2ffe6f7fe8e1e1c3b684a9_830x304.png)
* ### 前端库的时代
![](https://box.kancloud.cn/5a0adb7bd02f32373caa0bcd3dc56e58_595x358.png)
>功能:1.DOM操作2.数据请求
- 前端框架的变化
![](https://box.kancloud.cn/2c2bf1d8c61dd070e9137da91c49d6c2_832x336.png)
![](https://box.kancloud.cn/d3a5bd630a205f2d08de6ee01b9c5815_831x399.png)
- HTML的发展
![](https://box.kancloud.cn/00b8ad293002207975865d288e194564_830x430.png)
- CSS的发展
![](https://box.kancloud.cn/ec0957b9dcd46ec33cf0ebf836a786bd_828x503.png)
![](https://box.kancloud.cn/10329195dd56b48b175313b74dea8333_819x496.png)
![](https://box.kancloud.cn/2e6d05001da4285a69c8a14336948e4c_825x388.png)
![](https://box.kancloud.cn/0266e5cf6ac055b08349b7aed481a770_824x441.png)
### 3.前端为什么需要构建?
* 开发的复杂度
* 框架的去中心化——可以通过cnpm install xxx安装对应的模块
* 语言编译化
* 开发模块化
### 4.为什么需要Webpack
~~~
1.vue-cli/react-starter/angular-cli
2.code-splitting
3.天生的模块化
~~~