react中css模块化后无法使用原生css样式文件解决方案

在使用css模块化之后

import style from './main.less';

<div className={style.color}>....</div>

无法再使用原生css样式，可使用如下解决方案：
/main.css/

:global{
  .color{
    color: red;
  }
}

  import './main.css';

  <div className='color'>....</div>

添加:global全局标志即可