react中使用sass/scss

sass与scss一样

1. 安装

   npm i node-sass -D
   或者
   yarn add node-sass -D # 尽量用yarn安装，npm安装完后，总是出问题
   

2. 然后重启项目
3. 建一个index.sass的文件

   .test-redux1 
       border: 1px solid black
   

4. 在组件中引入即可

   import './index.sass'
   <div className="test-redux1">1111</div>
   

如果需要css作用域

1. 在建sass的时候，文件名为 index.module.sass ,中间加个 module

   .test-redux1 
       border: 1px solid black
   

2. 然后在引入， 需要将sass 导出， 然后c[‘类名’]

   import c from './index.module.sass'
   <div className={c['test-redux1']}>111</div>