前端工程化究竟是什么？

工程及工程化

一个工程其实就是一个项目，好比一个网站或者一个 APP。普通的程序员，大部分状况下，都是处于其中的一个环节。要学习工程化，就须要先了解工程化的整个生命周期。前端

图示中已是我简化过的内容了，实际的过程更加复杂，其中会牵扯到很是多的人力物力财力以及要花费至关大的管理成本。一个工程从立项到交付上线的整个过程当中，必定会使用到各类工具。webpack

那么工程化，其实就是完成项目过程当中，用到的各类工具和技术。固然，这只是从简单的落地应用的角度来讲的，工程化是很是复杂的。程序员

回到前端编程的范畴中，你会发现，整个项目的后半部分才是咱们须要关注的。而这一部分，也就是咱们所说的前端工程化的内容了。web

什么是前端工程化？前端工程化就是经过各类工具和技术，提高前端开发效率的过程。编程

这句话有两个含义：前端工程化

1：前端工程化的内容：各类工具和技术。浏览器

2：前端工程化的做用：经过使用工具，提高开发效率。服务器

1：项目上线前，代码须要压缩。markdown

2：想要使用 ES6+ 或 CSS3 新特性，要解决兼容性问题。框架

3：想要使用 Less 加强 CSS 的编程性，可是浏览器不能直接支持 Less。

4：多人协做开发，代码风格没法统一。

前端工程化解决的问题很是多，简而言之就是项目上线前的压缩代码，对 ES6+ 或 CSS3 新特性进行转换，对 Less 等 CSS 的预编译语言进行编译处理以及对不一样代码风格的格式化等等，那相对应地也就出现了各类各样的工具，简单给工具分一下类别：

每一个类别下，都有不少不一样的处理工具，我使用一个表格作了不彻底的统计：

可是必定要强调一下，现阶段工程化工具都异常强大，致使不少人对工程化存在误解，认为某个工具就是工程化了，好比webpack，这种思想要不得。

最后，前端工程化之因此成功和繁荣，有一个关键性角色，不容忽视，那就是 Node.js，能够这么说，前端工程化就是在 Node 的基础上发展的；

因此，做为前端程序员，Node 其实不是一个框架，更不是单纯写后台服务器的语言，不会 Node 的前端，必定不是好码农。