更新時間:2021年03月26日17時28分 來源:傳智教育 瀏覽次數(shù):
SCSS是一個CSS的預(yù)編譯工具,是一個CSS預(yù)編譯語言;
有哪幾大特性:
1)可以用變量,例如($變量名稱=值);
2)可以用混合器;
3)可以嵌套;
使用步驟:
第一步:用npm下三個loader(sass-loader、css-loader、node-sass);
第二步:在build目錄找到webpack.base.config.js,在那個extends屬性中加一個拓展.scss;
第三步:還是在同一個文件,配置一個module屬性;
第四步:然后在組件的style標簽加上lang屬性,例如:lang="scss";
猜你喜歡:
HTML、CSS和JavaScript分別是什么?有什么作用?