教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

SCSS是什么?有什么特性?安裝使用的步驟是什么?

更新時間:2021年03月26日17時28分 來源:傳智教育 瀏覽次數(shù):


SCSS是一個CSS的預(yù)編譯工具,是一個CSS預(yù)編譯語言;

有哪幾大特性:
1)可以用變量,例如($變量名稱=值);
2)可以用混合器;
3)可以嵌套;

SCSS特性

使用步驟:
第一步:用npm下三個loader(sass-loader、css-loader、node-sass);
第二步:在build目錄找到webpack.base.config.js,在那個extends屬性中加一個拓展.scss;
第三步:還是在同一個文件,配置一個module屬性;
第四步:然后在組件的style標簽加上lang屬性,例如:lang="scss";


猜你喜歡:

CSS選擇器用法大全

HTML、CSS和JavaScript分別是什么?有什么作用?

Web前端入門教程:html+css+JavaScript下載

傳智教育web前端培訓

0 分享到:
和我們在線交談!