angular使用sass的scss语法
生活随笔
收集整理的這篇文章主要介紹了
angular使用sass的scss语法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、現象
為了簡寫樣式
?
二、解決
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语法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: photoshop 切片工具进行切图
- 下一篇: Google Chrome 浏览器JS无