前端工程化——體系架構與基礎建設(微課視頻版) 內容簡介

"本書以前端工程化所需掌握的技能為主線，以理論基礎為核心，引導讀者從基礎到進階再到實戰的漸進式學習前端工程化。本書主脈絡從基礎的能夠進行配置化的使用工具進行工程化搭建，到能夠改善部分工程化工具，再到能夠結合實際業務需求進行靈活的定制工程化工具，讓讀者循序漸進地掌握工程化的一些實現能力，從而能夠閉環開發流程、產品流程甚至企業管理流程，從而提升整體的效率，節約成本，為企業賦能。 本書共21章，分為基礎篇、進階篇及實戰篇。基礎篇（第1~8章）主要講述了前端工程化的一些基礎，包括框架、組件庫、包管理、打包器、規范、測試庫及CICD的一些業界常見工具和方法；進階篇（第9~14章）從研發流程視角出發，系統深入地剖析前端工程化的相關工作流程及工程化內容，包括物料、開發、構建、測試、發布、監控；實踐篇（第15~21章）則從產品及企業流程視角出發，結合常見的業務場景實踐，例舉在不同團隊角色下的實踐方案，為產品及企業賦能，包括產品、設計、前端、后端、測開、運維。本書項目案例豐富，涉獵范圍廣，能夠覆蓋前端工程化的常見場景，實際性和系統性較強，并配有視頻講解，助力讀者透徹理解書中的重難點。 本書既適合初學者入門，也適合有多年前端工程化經驗的開發者進行參考，并可作為高等院校和培訓機構相關專業的教學參考書。 "

前端工程化——體系架構與基礎建設(微課視頻版)前端工程化——體系架構與基礎建設(微課視頻版) 前言

隨著技術的不斷發展，Web前端也從*初的“頁面切圖”逐漸變為“萬物皆可JS”的大前端體系。同樣地，Web前端領域的“小作坊”式的頁面搭建，發展成為如今豐富且龐雜的工程體系。

筆者從業Web領域近10年，經歷了前端發展的“農耕時代”到“云邊端時代”的變遷，也從*初的“切圖仔”漸漸成為業務工程的架構設計者。盡管目前前端工程生態已經發展得十分迅猛，但相較于軟件工程領域的其他工程化建設，前端工程化仍有很長的路要走。筆者有幸參與了前端工程鏈路的基礎建設，結合業界成熟的工程方案與工具并利用企業和團隊的資源，為企業降本增效及前端工程化領域實踐貢獻了些許力量，所以筆者打算通過編寫圖書的形式，對前端工程化的體系架構進行總結，并結合基礎建設的實踐經驗，將工程化的思想與方法分享給讀者。

本書以工程化為核心，以體系架構和基礎建設為出發點，通過基礎篇、進階篇及實踐篇分別介紹前端工程化的體系全貌。讀者可以通過閱讀本書，快速地掌握前端工程化所涉及的范疇與工具，筆者希望本書能夠幫助讀者了解前端工程化，成為入門前端工程領域的“敲門磚”。通過編寫本書內容，筆者總結了大量工程工具原理與架構設計理念，也查閱了大量的官方文檔，并結合已有的項目實踐復盤總結整體的前端工程化體系，這也使筆者有了更深層次的提升與感悟。

本書主要內容

基礎篇包括第1~8章： 

第1章主要介紹前端的發展歷史及細分方向，并明確了前端工程化的定義及研究的范圍。

第2章主要介紹前端工程中的Vue、React、Angular、Svelte框架的發展歷史、設計哲學、生態系統及各個框架的對比總結。

第3章主要介紹前端工程中的組件庫方案，以Element UI和Ant Design開源組件庫體系為例，著重對指南、組件、主題、國際化、文檔及資源進行介紹。

第4章主要介紹前端工程中的包管理方案，分別對NPM、YARN、PNPM、Lerna的包管理方案進行總結歸納，結合各個包管理的優劣勢進行分析介紹。

第5章主要介紹前端工程領域的重點工具——打包器，通過對Webpack、Rollup、Gulp及Vite的實現方式及源碼分析，對比總結各個打包器適用場景的優缺點。

第6章主要介紹前端工程中的規范管理，包括編碼規范和版本管理。

第7章主要介紹前端工程中所涉及的測試庫，通過Jest、Karma、Jasmine對比不同測試粒度下的工具方案。

第8章主要介紹前端工程化過程中的CICD流程，以Jenkins及GitLab CI為例，分別介紹常見的持續集成、持續部署、持續交付工具。

進階篇包括第9~14章： 

第9章主要介紹前端工程化在研發流程中的物料資產，包括工程模板和*佳實踐。

第10章主要介紹前端工程化在開發領域的涉獵范圍，通過腳手架、配置及Mock進行介紹。

第11章主要介紹前端工程化的構建方案，包括本地構建、泛云端構建及多語言構建。

第12章主要介紹前端工程化對測試工程的介入，分別介紹單元測試、集成測試及UI測試的作用與區別。

第13章主要介紹前端工程化中的發布控制，分別對發布策略及權限控制進行闡述。

第14章主要介紹前端工程中的埋點監控，分別對性能監控、錯誤監控及行為監控所涉及的內容進行闡述，并簡單介紹整個監控體系所涉及的內容。

實踐篇包括第15~21章： 

第15章主要介紹前端工程化對產品設計流程進行擴展，分別對產品文檔和產品原型的工程建設進行介紹。

第16章主要介紹前端工程化對UX/UI設計流程中的支撐，分別介紹圖床、設計工具插件及走查平臺的工程能力建設。

第17章主要介紹前端工程化在前端開發流程中的基礎建設，分別通過Lint規范、Babel插件、微前端及監控SDK的實踐方案進行介紹。

第18章主要介紹前端工程化在后端開發流程中的涉獵，分別通過BFF、Serverless及網關實踐方案進行介紹。

第19章主要介紹前端工程化在測試開發流程中的相關實踐，包括測試套件和測試平臺。

第20章主要介紹前端工程的運維實踐，包括故事板、私有倉庫和云平臺。

第21章主要介紹前端工程化的完整體系結構，并展望前端工程師的定位及未來發展趨勢。

閱讀建議

本書是一本關于前端工程化的技術教程，既包括對架構方案的設計，又提供了核心的原理分析。本書的原理剖析部分均來自開源倉庫，案例實踐提供了完整的代碼示例，并將源代碼開源到線上，這樣可以幫助讀者更好地進行學習借鑒。

建議各位讀者可以將本書作為入門前端工程化的“武功心法”，學習其中的思想觀與方法論，做到觸類旁通并可舉一反三。由于本書涉獵的是前端工程化的體系化敘述，每章節所涉及的原理都著重對架構層面進行考量，而對于每個知識內容所涉及的技法與實操所述不夠詳細，希望各位讀者能夠結合本書所闡述的理念和觀點，對章節中的專項內容進行重難點攻關與突破。

資源下載提示

素材（源碼）等資源： 掃描目錄上方的二維碼下載。

視頻等資源： 掃描封底的文泉云盤防盜碼，再掃描書中相應章節的二維碼，可以在線學習。

由于時間倉促及筆者視野所限，書中難免存在疏漏之處，請各位讀者見諒，并希望能夠提出寶貴意見。

李恒謙2024年10月