在选择学习Webpack之前，我们先来了解一下前端的整个开发过程。2014年初，我加入了互联网开发行业，从未体验过前端切割工具的紧张。5年时间，数百种前端技术的出现让我眼花缭乱。我也从一套页面后端工程师，jquery写效果到现在的小程序，node，vue变成了纯前端。现在回头看看前端发生了哪些历史性的变化。静态页面1990~2005互联网发展初期，前端只负责编写静态页面，纯粹是为了展示功能，而JavaScript的作用只是添加一些特效。此静态页面无法读取数据库。为了让Web更加动态化，相继诞生了基于PHP、JSP、ASP.NET的动态语言。这使得页面能够不断地获取数据和更新，这就是前后端混合开发模式的开始。所有的前端代码和前端数据都是由后端生成的。起来。这时候后端多采用MVC模式开发，前端只是后端MVC中的V（view）；从web诞生到2005年，一直处于后台重于前台的状态。AJAX阶段20052004AJAX技术的诞生改变了前端的发展历史。随着Gmail、GoogleMaps等革命性产品的出现，开发者发现前端的作用不仅仅是展示页面，还要管理数据和用户交互。为了解决一些不好的用户体验，前端页面需要刷新整个页面才能获取后台数据。依稀记得几年前，依靠强大的Jquery，一段javascript代码使用ajax发送请求渲染DOM。前端开始慢慢向后端移动。2009年NODEJS的爆发2009年，RyanDahl使用Chrome的V8引擎创建了一个基于事件循环的异步I/O框架。NODE的诞生，让javascript在服务端有了无限可能，更重要的是，它构建了一个庞大的生态系统。2010年1月，NPM作为Node的包管理系统首次发布。开发者可以按照规范编写nodejs模块，发布在npm上，供其他开发者下载使用。截至2019年6月8日，共有1,003,262个NPM包，是全球最大的包模块管理系统。Node.js给开发者带来了无穷的想象空间，JavaScript大有称霸天下之势。前端MV**架构阶段2010随着HTML5小程序的流行，前端在人们眼中不再是一个玩意儿。应用功能的开发逐渐迁移到前端，前端的代码逻辑也逐渐变得复杂。2010年10月，BackboneMVP架构发布。2010年10月AngularMVC->MVVM2013年5月React开源MVVM2014年7月VueMVVM随着这些MV*框架的出现，网页逐渐从WebSite演变为WebApp，最终导致复杂的单页应用（SinglePageApplication）出现。随着SPA的兴起，2010年后，前端工程师逐渐从开发页面（裁剪模板）转变为开发“前端应用”（运行在浏览器中的应用）。Javascript开发App随着iOS、Android等智能手机的广泛使用，手机浏览器也逐渐加强了对HTML5特性的支持。WebAPP，即移动端的网站。一般指SPA（SinglePageApplication）模式开发的网站。将页面部署在服务器上，然后用户使用主流浏览器访问。它不是一个独立的APP，不能安装和发布。HybridApp，即混合开发，即半原生半Web的开发模式，具有跨平台的效果，最终发布的本质还是独立的原生App。ReactNativeApp是由Facebook发起的一套全新的开源APP开发解决方案，使用JS+部分native语法实现功能。2019年5月7日谷歌发布Flutterforweb，正式宣布Flutter已经成为支持手机、Web、台式机和嵌入式设备的全平台框架。现在学习跨平台应用开发，首先看的可能不是ReactNative，而是Flutter。今天的前端已经不是网页诞生时的样子了，每天都有新的技术框架涌现。GitHub+NPM/BOWER+ES6/ES7/Babel/TypeScript+HTML5+CSS3/SASS/LESS/PostCSS+React/Vue/Angular+Webpack/Browserify/Gulp/Grunt+Node.js/Express/KOA+Hybrid这是今天前端。参考：前端开发简史与全平台框架Flutter（英文）
