如何在create-react-app中使用CSS模块？

小编典典

reactjs

根据Dan Abramov
的推文，CSS模块支持位于create-
react-app（CRA）中。只需扩展module.css其样式表即可启用该功能，但这对我不起作用。我的版本为1.1.4 react- scripts。如何使用CRA启用CSS模块？谢谢

阅读 329

2020-07-22

共1个答案

小编典典

您无需弹出。

从版本2开始，Create React App就立即支持CSS模块，该版本现已稳定。

通过运行或升级到v2（react-scripts@latest）。yarn upgrade react-scripts@latest``npm install --save react-scripts@latest

您只需要创建带有扩展名的文件 .module.css

例如：

.myStyle {
  color: #fff
}

然后，您可以像这样使用它：

import React from 'react'
import styles from './mycssmodule.module.css'

export default () => <div className={styles.myStyle}>We are styled!</div>

2020-07-22