🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
* * * ### 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.天生的模块化 ~~~