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

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

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

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


SCSS是一個(gè)CSS的預(yù)編譯工具，是一個(gè)CSS預(yù)編譯語言；

有哪幾大特性：
1）可以用變量，例如（$變量名稱=值）；
2）可以用混合器；
3）可以嵌套；

SCSS特性

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


猜你喜歡：

CSS選擇器用法大全

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

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

傳智教育web前端培訓(xùn)

0 分享到：
和我們在線交談！