組件庫是前端大規(guī)模開發(fā)中提升效率的重要一環(huán),同時也是可視化頁面搭建、自動化測試等上層建筑的基石。因此設(shè)計時要考慮的問題涵蓋面非常廣。要設(shè)計好非常難,但是設(shè)計好之后從上層建筑帶來的回報會超過你的想象。
這篇文章中我們先一起來關(guān)注和探討組件庫要解決的問題,最后會推導(dǎo)出一套足夠靈活——適用于大團隊或社區(qū)使用,又足夠強大——能支撐起上層建筑的組件庫方案。也請讀者注意,結(jié)論其實很簡單,文中思考過程才是重點。知道結(jié)論并能讓你一躍成為架構(gòu)師,但知道了如何從系統(tǒng)角度設(shè)計局部卻讓你有機會可以。共勉。
1. 問題域
要理清問題域,我們先要了解組件庫在架構(gòu)層面處于哪個位置,它都與哪些其他部分有關(guān)系,一圖蔽之:
可以看出問題域大體可分為三部分: