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>
    
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐