react 加入sass


1.先是按照sass官網,https://www.sass.hk/install/ ,指令gem install sass,一直安裝不成功。

2.因為這是在create-react-app中,所以npm install sass-loader node-sass ,其中node-sass沒有安裝成功

放在rule里就可以

找到config里面的兩個配置文檔。 
配置的內容都是一樣的。 
代碼是:{ 
test: /\.scss$/, 
loaders: ['style-loader', 'css-loader', 'sass-loader'], 
},

這樣配置了一下,然后直接寫一個index.scss的文件,用scss的語法就可以了,是可以用的。

3.scss語法是, 有{} 有;

$color:red;

.a{

  color:$color;

}

sass是老語法,語法是 沒有{} 沒有;因為不符合大家的編程習慣,所以淘汰了,scss的語法現在用起來了

$color:red;

.a

  color:$color

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM