本文转载自微信公众号《狗狗的前端世界》，作者西岭。转载本文请联系Gogo前端世界公众号。Engineering和Engineering项目其实就是一个项目，比如一个网站或者一个APP。普通程序员，在大多数情况下，都处于其中一个环节。要学习工程学，您需要了解工程学的整个生命周期。图中的内容我做了简化，但实际过程比较复杂，会涉及大量的人力、物力、财力和相当大的管理成本。一个项目从立项到交付上线的全过程都会用到各种工具。那么工程，其实就是在完成项目的过程中所用到的各种工具和技术。当然这只是从简单的落地应用来看，工程化非常复杂。回到前端编程的范畴，你会发现整个项目的后半部分才是我们需要关注的。而这部分就是我们所说的前端工程。前端工程什么是前端工程？前端工程是通过各种工具和技术来提高前端开发效率的过程。这句话有两层意思：1：前端工程内容：各种工具和技术。2：前端工程的作用：通过工具的使用，提高开发效率。发展中存在哪些问题？1：项目上线前，需要对代码进行压缩。2：如果要使用ES6+或CSS3新特性，需要解决兼容性问题。https://caniuse.com/3：想用Less来增强CSS的可编程性，但是浏览器不能直接支持Less。4：多人协同开发，代码风格无法统一。总结一下：前端工程解决了很多问题。简而言之就是项目上线前的压缩代码，ES6+或CSS3新特性的转换，Less等CSS预编译语言的编译，不同代码风格的优化。格式化等。相应的，也出现了各种工具。简单的把工具分门别类：每一类之下，都有很多不同的加工工具。我用表格做了不完全统计。:但必须要强调的是，现阶段工程化工具极其强大，导致很多人对工程化有误解，认为某个工具就是工程化的，比如webpack，这种思维是不能接受的。最后，前端工程的成功与繁荣还有一个不可忽视的关键作用，那就是Node.js。可以说，前端工程是在Node的基础上发展起来的；因此，作为前端程序员，Node.其实它不是框架，更不是写后台服务器的语言。如果你不懂Node前端，那你肯定不是一个好的coder。
