React创建应用程序中的CSS模块localIdentName

Question

是否有默认方式为css模块设置localIdentName而不弹出？

我在官方文档中找不到这样的选项，所以我决定在这里问是否有人偶然知道一种方法，而不会用webpack.config.js进行弹射和锻炼。

Answer 1

您不需要弹出。

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

通过运行yarn upgrade react-scripts @ latest升级到v2（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>

要了解更多信息-https://facebook.github.io/create-react-app/docs/adding-a-css-modules-stylesheet

Answer 2

您可以在node_modules \ react-dev-utils \ getCSSModuleLocalIdent.js中设置localIdentName