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