react中css-loader模块化的问题

问题描述

css-loader 模块化后，类名自动重命名。启用模块化后，就不能再使用伪元素了。我应该怎么办？例如：.title重命名为.abc，之前定义的.title:after不能使用

解决方法

在正确配置 css-loader 以启用 CSS 模块后，您不得将 React className 与字符串一起使用。所以不要使用：

    <h1 className="title">

相反，您必须导入 CSS 并在其中使用规则。

import styles from "./style.css";

// ...

    <h1 className={styles.title}>

这样生成的类名将始终匹配哈希结果。

有关详细信息，请参阅 CSS Modules reference。