關於模塊化、組件化的理解

模塊化、組件化是一種開發思想，是一種開發思路上的解決方案，咱們大多數人要是沒有深刻理解 這個概念的話，會有一種模糊摸不着模塊化、組件化意思的感受，會有一種想用模塊化、組件化來實現項目殊不知道怎麼下手。其實，只要記住，模塊化只是一種思想，不是一種具體的解決方案。

在項目中，咱們可能用到相似bootstrap裏的組件（button）同樣,咱們把這些組件理解爲組件化開發的實現，意識上，咱們大多數人會刻意去區分組件化、模塊化，其實這只是咱們中文上去區分，英文上都是model,都只是一種解決思路，不一樣的是，需求不一樣，實現出來的代碼效果也是不一樣。舉個例子，bootstrap裏的button組件，它是有一個獨立的可執行的單員，就直接引用，在頁面上你就會看到一個button的按鈕出現，這也就是所說的顆粒化，而bootstrap裏的柵格系統，你不可能單單引用柵格系統的樣式類，頁面中就會呈現出具體的效果出來，還需依賴一個具體的html標籤或者其餘的組件，而button組件是不須要依賴其餘的組件或者什麼的，人們就會慣性的理解成button是一個組件，柵格系統是一個模塊，由於button是獨立的。其實，他們都同樣，只是需求不一樣，都是用模塊化的思路解決方案。button的需求是開發一個ui組件，柵格系統是開發一個排版佈局的佈局解決方案。

事實上，模塊化（組件化、模塊化總稱爲模塊化吧，不區分了）在咱們實際項目開發上回很經常使用到，容易理解的是開發一個下拉框通用組件這種封裝好的組件，難以理解的就是定義一個margin外邊距的一系列的屬性樣式集合，好比margin：10，margin：20，margin：30等，這也是一個模塊，定義的一個實現不一樣外邊距的需求的模塊實現。

固然，模塊化說了是一種思路，不單單是體如今具體的代碼邏輯上，還體如今文件管理上，頁面佈局等等，好比，webpack模塊化管理工具上實現的多個入口的配置，按照頁面或者頁面中的不一樣模塊區域對js/css圖片等進行壓縮整合按照不一樣頁面呈現、不一樣模塊區域呈現導入不一樣的文件，這也是模塊化的思惟。
以上是小可對模塊化的一些理解，有錯誤請江湖上各位好友指正，嘻嘻~多多交流，一塊兒成長進步~