angular4.0使用sass

一、為什么選擇sass
為了更好的管理代碼，我們需要可以定義變量，同時可以使用函數的樣式工具，比如定義公用color、bg。顯然css無法滿足需求。
現在市面上常用的是sass、less。經過比較，我選擇sass，因為sass更加接近css的寫法。

二、配置sass
1、利用npm工具安裝sass依賴和loader

npm install node-sass --save-dev
npm install sass-loader --save-dev

2、修改.angular-cli.json文件

"styles": [
    "styles.scss"
],
"defaults":{
    "styleExt": "scss",
    "component": {}
}

注意：不用懷疑是不是寫錯了，不是sass，就是改成scss

3、將項目中已經存在的.css文件改成.scss【項目會自動修改的】

4、新建的component項目會直接生成.scss文件

ok，就是這樣簡單！