今天開始學習NG-ZORRO這個UI框架，過程中遇到了許多問題，這裡把一些問題記錄下來，方便後續查閱。NG-ZORRO由阿里大神們開源，給angular開發者提供了極大的便利。

改變icon圖示的大小

我試圖通過改變width屬性來改變圖示的大小，通過background來改變顏色，最後才發現通過::before偽元素構造的圖示其實是文字內容，因而其大小需要通過font-size來控制，而顏色則是由color來控制。知道真相的我眼淚掉下來。

font-size: 24px;
color: rgba(245, 245, 245, 0.6);

使用nz-button時，prod環境打包報錯

<button nz-button [nzType]="primary">
 

在login元件中使用nz-button後，打包指令碼執行到build:prod時報錯，報錯資訊如下：

ERROR in ng:///G:/projects/angular/my-app/src/app/login/login.component.html (9,3): Property 'primary' does not exist on type 'LoginComponent'

經過分析發現，可能是primary被當成這個元件的屬性處理了，而我沒有在元件中定義這個屬性，所以報錯，於是把它改成字串試試。

<button nz-button [nzType]="'primary'">

打包時間接近8分鐘

使用了nz-zorro後，打包竟然長達8分鐘，而打包後的包的大小與之前一致。我相信這不是ng-zorro的問題，可能是我的webpack配置出現了問題。我之前使用的angular版本是4.2的，安裝ng-zorro後報了個警告，於是我升級angular/core等版本到4.4，不知道是不是這些問題引起的，具體原因還沒找到。這裡先挖個坑。

// 這一步等待時間超長，接近8分鐘
91% additional asset processing