当前位置 : 主页 > 网页制作 > React >

react 加入sass

来源:互联网 收集:自由互联 发布时间:2021-06-15
1.先是按照sass官网,https://www.sass.hk/install/ ,指令 gem install sass,一直安装不成功。 2.因为这是在create-react-app中,所以npm install sass-loader node-sass ,其中node-sass没有安装成功 放在rule里就

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

网友评论