reactjs - create-react-app 中的 css 模块 localIdentName

Question

有没有默认的方式来设置localIdentName对于不弹出的 css 模块？

我在官方文档上找不到这样的选项，所以我决定在这里问问是否有人知道不用弹出和使用 webpack.config.js 进行回火的方法。 .

Answer 1

你不需要弹出。

Create-React-App 支持开箱即用的 css 模块，版本 2 现已稳定。

通过运行 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