react中css-loader模塊化的問題

Question

css-loader模塊化后，自動重命名class名稱。 啟用模塊化后，偽元素就不能再使用了。 我應該怎么辦？ 例如： .title重命名為.abc ，之前定義的.title:after不能使用

Answer 1

在正確配置css-loader以啟用 CSS 模塊后，您不能將 React className與字符串一起使用。 所以不要使用：

    <h1 className="title">

相反，您必須導入 CSS 並在其中使用規則。

import styles from "./style.css";

// ...

    <h1 className={styles.title}>

這樣，生成的 class 名稱將始終與散列結果匹配。

有關詳細信息，請參閱CSS 模塊參考。