《前端工程化体系设计与实践》读书笔记

引言

前端(这里指 web 前端)这些年在飞速发展，得益于(ajax, PWA ,nodejs)等技术，前端现在横向(不只是Web)覆盖的端越来越多(app，小程序)。

而且纵向已越来越深入(也不只是浏览器，从简单页面，到SPA，到整个表现层)，给我们前端工程师带来的巨大的机遇和挑战。

机遇是领域飞速在发展，地盘在不断扩展。挑战是前端这个即老又新的领域并没有很好的准备面对领域变大发展变快的问题。

这些问题有很多，如工程体系的建设，人才培养，理论体系的建立等等。

而这本可以是说这几个方面都有论述，不过他的重点还是工程体系的建设问题。

书里面有些话我非常赞同。读完书我自己结合自己的想法和书里的内容，对前端工程化有了更深入的理解。

这里先给出我的总结：

前端工程化就是前端项目完整生命周期（创建，远行，构建，部署）的管理。他包括项目(代码，结构)规范，工作流程(代码管理，开发，测试流程)和与之配套的工具栈。他的服务对象是前端开发。他的目的是提高研发效率和产品质量。

本质上前端工程化也是一个前端软件工程化的过程，其理念是通过规范，流程和工具减少项目的复杂度，降低成本，提高效率，提高质量。

这些规范，流程和工具也是当前前端工程中演化出的最佳实践。通过最佳实践(正确地做事)让我们更少走弯路。

下面就是我的一些读书的笔记

笔记

前端js同构，就指js代码应用于不同的开发领域

这点在 android 中就有体现，不少 java 库在 android 和 java 服务端都能使用。

前后端分离是指将前端工程师与后端工程师进行明确合理的分工，改善前后端协作中拖慢开发进度的环节，提升工作效率。前后端分离的核心是解耦。本质是分工和角色的细分。这样的优势：开发能并行，测试能快速定位问题，部署能动静分离。怎么看是不是前后端分离的架构？就是看后端是不是只产生数据。

这段话我赞同，特别是后端是不是只产生数据是判断前端端分离的标准。

前后端分离导致了前端工程化的出现

这句话说前端工程化的出现是由前后端分离造成的。不太赞同，还有原因是前端大发展造成的。

前端工程化以规范工作流程为手段，以工具为实现煤介，其最终目的是为了提高研发效率以及保证web产品的线上质量。前端工程化是一系列工具和规范的组合，规范为蓝本，工具为实现。前端工程化是一种辅助性质的服务，服务对像是一线的业务开发人员。通过将工具集成形成工具栈，这降低了部署，学习和使用成本，并且加深了规范意识。

这个赞同

还有更多的 webpack 的内容

我没有意见，本来也需要落在实处。

总结

这是一本不错的书，可以看出作者在前端开发领域有很深的实践经验。希望大家能读读。