美文网首页
create-react-app 组件css 冲突问题

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

作者: 天方_0d0a | 来源:发表于2018-12-11 18:59 被阅读0次
  • 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>
    )
  }
}
  • 编译结果


相关文章

网友评论

      本文标题:create-react-app 组件css 冲突问题

      本文链接:https://www.haomeiwen.com/subject/rjiehqtx.html