與阿裡前端工程中台負責人聊聊前端工程化

前端工程化，是解決前端業務及技術架構日趨複雜問題的必行之道，然而工程化并不是普适的技術或理論，業務類型、場景、技術架構、甚至團隊組織架構，均是決定工程化具體形态的必要因素。換句話講，工程化和具體的實踐密不可分！為此，本次 D2 特設了前端工程化專場，邀請阿裡前端工程之父——阿大作為專場顧問，為大家帶來業内優秀的前端工程建設實踐、以及實踐背後的寶貴經驗與思考，希望幫助大家從這些成功案例中獲得靈感并發掘到新方向。

關于前端工程化領域，大家心裡可能還有一些疑惑，那麼今天，就請跟随小編一起，來找阿大聊一聊吧~ ;-)

首先，讓我們來認識下阿大——他在 2009 年加入淘寶，負責過淘寶交易、商品等基礎業務及機票彩票、一淘等創新業務。到了 2013 年，他開始專注于前端工程化領域，着手推動工具、流程和規範的統一，完成了淘系前端團隊整體研發模式的更新，目前負責阿裡經濟體前端工程化中台的建設。

為了讓大家更進一步地了解前端工程化，小編精心挑選了 6 個大家比較關注的問題，下面就讓我們跟随阿大的視角和思維一起看看吧。

1. D2 小編：阿大，您在阿裡負責工程化的方向建設，您認為在整個前端領域中，前端工程化扮演了什麼樣的角色呢？

阿大：前端要有危機感。前端工程化這個方向火了幾年了，并且已經開始跟 AI、大資料等新興領域有一些結合。完善的前端工程能力未來一定會替代大部分低端的、入門的前端勞動力。對于公司和業務團隊而言，完善的前端工程能力建設又能極大的降低前端技術入門門檻，讓更多非前端領域技術人員甚至是非技術人員來完成前端的工作。

2. D2 小編：每個前端同學都應該了解的工程化具體有哪些方面呢？

阿大：我想大部分人最初了解前端工程化都是從代碼組織、子產品化和打包建構相關工具開始的。特别是 Node.js 的興起，應該說是前端工程能力建設的助推劑。

我一直有一個觀點：越深入的工程體系的建設，對個體的創造力限制也就越大。工程體系的建設是用來解決系統性問題，解決大規模人員協同效率、品質和成本問題的。就個體前端而言，适當考慮使用工具提升自我效率即可。

3. D2 小編：您覺得工程化方向在未來會朝着什麼樣的方向走呢？

阿大：一個技術發展得是否成熟，很大程度展現在工程化程度上。

前端近幾年的快速發展大家有目共睹，大部分公司的前端開發人員已然不再是單純的前端了！目前，大家會有種前端工程相關領域的讨論和建設比較火熱的錯覺，但其實它還是比較初期的。随着大前端周邊技術的不斷完善和充實，未來前端工程能力會更加趨向于一種服務能力，會更好地與機器學習等智能化方向結合。這會極大地降低複雜的、優秀的前端技術的應用門檻，同時也有可能通過完善的工程能力建設，淘汰一大批入門級的、勞動力型的前端職業人員。

4. D2 小編：對于「從 0 到 1 自建團隊/業務」的前端團隊，您有什麼建議嗎？

阿大：中小型公司前端團隊的規模都不會特别大，一般團隊規模在 10 人以内的，我建議不用系統化地考慮工程相關建設。前端同學都很愛搗鼓，充分發揮個體的能動性即可，整體的研發效率和品質不會因為你做了規範或者統一了工具有明顯提升，大部分的情況反而是下降的。當團隊規模在 20 人以上的時候，協同的瓶頸就開始顯現，如果沒有有效的規範、流程和工具的限制，20 人的整體産出很大可能是遠遠小于個體之和，這個時候一定要制定相關的研發規範、統一技術架構，如果規模在 50 人以上的話，就要配以一定的工具和流程來對研發過程進行有效限制，同時需要有研發資料的積累沉澱方式，通過資料指導技術體系優化。

5. D2 小編：阿裡前端工程化比較有代表性的産品有哪些呢？

阿大：我在阿裡巴巴負責集團前端工程中台的建設，通過工程中台來标準化前端研發過程，從架構規範、建構調試、檢查釋出和監控運維，全方位支撐集團内幾千名前端的日常研發工作。同時，阿裡各前端團隊也能基于中台的開放能力，結合自身業務特點，建構符合自己團隊的前端工程平台。不過這些平台都是服務于内部的，暫未對外開放。外部大家比較熟悉的有一個淘系前端推出的産品：imgcook，它通過智能化的方式将設計稿一鍵轉換成代碼，有興趣的同學可以通路官網了解：

https://www.imgcook.com/

。另外，近期我們在 IDE 能力建設上做了大量的投入和布局，期望通過 IDE 打通線上線下、内部外部的前端開發生态，本屆 D2 前端工程化專場也會有相關主題的分享，大家可以關注下。

6. D2 小編：本次  D2 的工程化專場話題，會傾向于哪些重點方向，會邀請哪些專業講師來分享呢？

阿大：上面講到了 IDE，其實本屆 D2 前端工程專題的主旋律是圍繞 IDE 展開的。除了阿裡内部的 IDE 話題，我們還會邀請國内在 IDE 領域有建設積累的前端團隊，來講講他們在 IDE 能力建設過程中的思考和選擇。另外我們還邀請了海外嘉賓，這個暫時留作彩蛋。

想必跟随阿大的思路，大家對前端工程化一定有了更深刻的了解。如果你心中仍有疑惑，歡迎給我們留言，也歡迎大家帶着問題來 D2 現場，和講師大大們進行面對面交流哦。

此外，如果你想了解 D2 話題的最新進展，可以通路

http://d2forum.alibaba-inc.com/ 「第十四屆 D2 前端技術論壇」

進行了解哦～

期待與你在 D2 見面～