組件化開發優點

業務場景一

須要快速接入一個banner輪播的效果

以往：1.複製CSS塊 2.複製JS塊 3.複製HTML塊 4.根據實際需求，二次修改原組件（雖然這時候還不算是個組件）

如今：1.npm安裝模塊2.import導入3.引入指定自定義標籤，在當前組件頁面添加必要的覆蓋樣式

 

業務場景二

須要製做一個通用的後臺管理系統UI

以往（Bootstrp）：1：引入CSS文件 2：引入JS主要庫 3:逐個引入所需組件庫（如圖表）

如今：1.npm install安裝模塊 2.import按需導入

以往的缺點：一個組件，最低依賴一個對應的js文件，更可怕的是，這個組件可能還依賴其餘的某個特定版本的庫，如jquery等，這些都須要開發者來維護，有時候一個組件庫中有ABC3種類型的表現形式，咱們只須要用到其中的類型A，可是瀏覽器在咱們引用js文件的那一刻就把他們都一塊兒加載起來了。可是組件式開發的話，我須要用到類型A，就只引入類型A，babel和webpack幫我編譯壓縮後的結果中也小之又小。