前端日益發展，從最初的 HTML、CSS、JavaScript 三大基礎，到後來的 jQuery、Backbone、AngularJS，再到現在的 Angular、React、Vue 三大框架流行，技術的演進既帶來了更多的可能，也帶來了一些問題。例如：團隊如何高效合作、項目如何統一維護、代碼如何規範等等。前端工程化的出現，就是爲了解決這些日益突出的問題。它旨在制訂規範化的前端工作流，並規範統一項目的模塊化開發和前端資源，讓代碼的維護和互相協作更加容易更加方便。
今年我們團隊由 Angular 技術棧轉變成 React 技術棧，在這個大背景下，我們急需一套完善的工程化方案來幫助技術棧落地。在通過確定目標、定義規範、技術調研、開發實現等一系列步驟之後，制定了一套完善的工程化方案。它幫助解決開發流程中的問題，讓開發更加專注業務本身，提高整個系統生產效率。
目標定義作爲一個工程化方案，最終的目標是儘可能解決項目生命週期裏遇到的問題，例如：
- 規範保障
每個團隊都會根據實踐經驗，總結出一套自己的規範（項目規範和流程規範）。讓這一套規範在落地到實際的開發中時，除了人爲的約束，更多的應該是通過工具約束。工程化就是把團隊的經驗沉澱到腳手架和開發套件中，讓新項目或新成員可以複用這些經驗。
原文鏈接:【https://www.infoq.cn/article/ggpTzCKT1NFkmvD6yPBw】。未經作者許可，禁止轉載。