create-react-app 组件css 冲突问题

• create-react-app 中已经配置好了
• node_modules⁩/⁨react-scripts⁩/config⁩/webpack.config.dev.js

const cssModuleRegex = /\.module\.css$/;

{
  test: cssModuleRegex,
  use: getStyleLoaders({
    importLoaders: 1,
    modules: true,
    getLocalIdent: getCSSModuleLocalIdent,
  }),
},

• 只需对css文件进行如下命名即可

import Styles from './layout.module.css'
class Wrap extends Component {
  render() {
    return (
      <Layout>
        <Header className={Styles['head-wrap']}></Header>
      </Layout>
    )
  }
}

• 编译结果