虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。

      这几年，前端工程化的概念又突然成为了热点话题了呢？要想讲好前端工程化其实并不容易。

      1、前端为什么要工程化？

      在回答前端工程化这个问题之前，我们应该先考虑另外一个问题：前端开发中会不会涉及到业务？再详细一点，就是前端工程师到底需不需要了解服务端的业务逻辑，再或者说，要不要将一部分服务端的业务逻辑放到前端来实现。这个问题没有标准的答案，实际上应该属于工程协作问题，就是谁该干什么的问题。

      最早的前端开发就是实现页面，顶多再写写JS让页面可以有交互的特效。但是随着需求的增加，我们不仅要做Web应用，还要做App、小程序以及各种端。在这种需求日增的情况下，必须得考虑一种新的方式，优化前端的开发工作，例如，解决代码冗余，项目可维护性，提升版本迭代速度等等一系列的问题。前端工程化的概念也就是在这中情况下被提出了。

      2、实现前端工程化的基础——前后端分离

      实际上，现在的前端工程化应该还处于早期阶段，毕竟前端工程师这个岗位也才诞生没几年。在互联网发展的早期，Web应用很多情况下都是由服务端工程师一肩挑，前端开发顶多是写写HTML代码，实现页面的布局，然后再把写好的HTML静态文件交给后端工程师套模板，因为当时大部分的Web应用都是使用的服务端渲染技术，例如Java的JSP。

      这种传统模式下的协作开发效率非常低，如果在页面测试中发现了一个bug，这个bug是由于一个ClassName的值少写了一个字母，你说这种情况到底是前端工程师的错，还是后端工程师套模板时的粗心大意呢？毕竟一个网站上有成千上万个DOM节点，谁也不能保证一行代码都不会写错。再假如，项目上线后发现网页的实际像素和设计稿上存在1像素的偏差，这个时候就需要由前端工程师重新设计一次HTML静态页面，然后再交给后端工程师继续套模板，等整个流程走完之后，你会发现一个更加严重的问题，整个项目中仅仅是1像素的偏差，就有可能要调动整个开发团队来处理这1像素的问题，极大的浪费了团队资源。

      上面的问题也仅仅是传统开发问题中的冰山一角，面对这么多的问题，前后端分离开发也就应运而生了。前后端分离开发，为前端工程化的发展提供了生存的土壤。随着市场需求的不断变化，前端开发从传统的WebPage模式，转变到WebApp模式，Web产品形态的变化也不断推动着前端工程师的工作内容发生变化。在应对各种“变化”，前端工程师们也要设计出自己的前端开发“方法论”。

      前端工程化的主要目标就是解放生产力、提高生产效率。通过制定一系列的规范，借助工具和框架解决前端开发以及前后端协作过程中的痛点和难度问题。

      3、如何实施前端工程化？

      明确前后端开发的分工，是实现前后端分离的第一步，也是后面实现前端各种优化方案的基础。前端工程师主要负责的内容包括：

      静态资源和动态资源的处理；JavaScript实现前端业务逻辑；HTML模板文件的产出；中间层Web服务，一般由Node.js实现；前端单元测试；前端项目部署；其中，静态资源包括.js文件、.css文件以及各种格式的图片、媒体文件等，这些文件不依赖于服务器，只需要在浏览器里面解析就可以了；动态资源是指HTML的模板，如果项目不是由服务器完成渲染的SPA（单页面）应用，那我们就要考虑如何实现HTML模板的渲染了。前端项目部署是指静态资源文件在测试服务器上的部署，以及HTML模板文件在Node.js中间层服务器上的部署。

      前端工程师在未来的定位必然会发生变化，但是前端工程化唯一不变的原则是始终以前端开发为中心，前端工程化没有统一的行业标准，也没有固定的形态，更没有最合理的方案，只要前端工程师的定位还在不断的变化，前端工程化的进程将会一直持续下去。

      想要了解更多内容，访问千锋成都web前端培训官网：cd.mobiletrain.org，千锋成都web前端培训班还为每一位同学准备了一份免费的web前端培训视频，跟着免费视频轻松入门web前端。

上一篇

成都优秀的Java架构师需要知道的五个重点

下一篇

成都python培训机构哪家好？