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

 

猜你喜欢

转载自www.cnblogs.com/luziluck/p/11346771.html