react中使用css编译器sass,less

前言:

      在使用react时发现，react对sass的支持程度比less大多了，当然这里罗列下两种方法，可以使用自己想要的方法。

一、sass（支持）

1、安装命令

cnpm i node-sass --save

yarn add node-sass

2、新建scss文件

.header{
    width:100%;
    height:60px;
    display: flex;
    justify-content: space-between;
    background: #00575A;
    .logo img{
        width:100%;
        height: 100%;
    }
}

3、引入到页面

二、less，相比较sass，less使用就很麻烦了

这里只提供链接，强烈推荐用sass,网不好的话用cnpm

1、https://blog.youkuaiyun.com/qq_26941173/article/details/88198284

2、https://www.cnblogs.com/yangzhou33/p/9625976.html