webpack以及前端发展

webpack

• 学习地址：webpack官网

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

webpack是目前最流行的一个打包工具，可以让项目进行模块化开发的东西，最终所有的模快=块都会被打包，变成html，css，js，png。
*webpack默认只认识js（只能把js当成模块） *

前端发展

小前端到大前端的发展。

---

`最早的前端发展比较简单，只是切图，要求像素化还原。但是随着ajax的出现，前端发展开始涉及和后台的交互，可以做出来更好的前端页面的交互效果。然后到2009年的node.js的出现，node.js不仅可以做后台开发也在前端的开发中带来了更好的开发体验，比如更方便的模块化开发。

如果说ajax改变了前端开发的交互方式，那么node.js直接改变了前端开发的模式。`

比如说前后端分离开发模式，node.js带来了大前端架构，引入node.js作为中间层，用node.js请求后台（Java，php）的接口，获取数据，然后用node.js渲染成页面，返回给浏览器，大大提升了页面渲染的性能，前后端分离，两者都可以在自己的领域深入的发展。

现在随着框架的流行，vue，React，angular，mvvm渐渐成为主流，我们利用ajax发起请求，将请求到的数据通过纯js的形式渲染到页面，加快了渲染的速度，前端开发在整个发展中，显得越来越重要了

---

前端发展布局示意图