小编典典

如何在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@latestyarn 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