天天看點

前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制

#頭号周刊#

前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制

配置 API 設計原則和程式設計範式限制

作為本書案例的前端工程化方案 Boi 是一個上層架構,核心層內建了 Yeoman 、 webpack 、 Express 等基礎子產品。 Express 本身就是一種底層架構,在它的基礎上進行方案封裝無可厚非。但是 Yeoman 和 webpack 均是可以直接使用的工具,之是以在兩者的基礎上封裝上層架構,一方面是為了2.4節所述的工具棧統一;另一方面是以高内聚架構弱化外層配置複雜度,降低一線業務開發人員的學習曲線。另外, webpack 的部分理念與正常的開發習慣稍有沖突,比如本章稍後講到的資源定位,上層架構在一定程度上弱化了這類沖突。

前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制
前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制

可以看出 webpack 的建構配置非常複雜,而且上述代碼隻是一個需求非常簡單且非常初級的配置方案。具體到實際開發環境,還需要考慮子產品化開發、異步加載、增量更新、動态建構等諸多複雜需求。 webpack 毋庸置疑是一款優秀的建構工具,但是擁有強大功能的同時,也具備高度的配置複雜度。開發者需要花費大量的時間以閱讀文檔才能夠了解各個配置項對應的具體功能,而且往往需要組合多個配置項才

前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制

能完成一個具體的建構功能。

前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制
前端工程化體系設計與實踐建構第二節配置設計原則和程式設計範式限制

繼續閱讀