reactjs - 如何在没有 Eject 的情况下更改 webpack 配置以将 CSS 设置为模块

Question

有没有办法让通用 webpack.config.dev.js 不弹出 但覆盖其中的一些功能？

所以我需要一种方法来添加一些行来获取 css 模块

import styles from './styles.css';
...
<div className={styles.A}

我想避免命令弹出，因为我不想丢失来自 react-team 的更新，就像项目文件结构清晰时一样。

我的 webpack 4.19.1 由 create-react-app 生成

还有一个问题：可能有任何第三方库有助于实现这种模块化的 css 文件吗？

标签： reactjswebpack

Answer 1

这在 CRA 2.0+ 中默认有效，但您应该将您的 css 文件重命名为 styles.module.css

更多信息在这里