1. 程式人生 > >angular使用sass的scss語法

angular使用sass的scss語法

一個 .com es2017 one save 技術 12px sas json

一、現象:

為了簡寫樣式

二、解決:

1、安裝sass ,利用npm 安裝(npm工具如果沒有,請先自行安裝好)

(1)、npm install node-sass --save-dev

(2)、npm install sass-loader --save-dev

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

把原來的:

"defaults": {
"styleExt": "css",
"component": {}
}

修改為:

"defaults": {
"styleExt": "scss",
"component": {}
}

上面還有一個默認引入的公共樣式(用到的所有樣式表都為.scss的後綴

)表修改後綴為.scss (對,就是改為.scss後綴,不要為sass )

技術分享

三、總結:

所用的樣式表後綴為 .scss 不要用 .sass

angular使用sass的scss語法