如何在 CRA 中更改 CSS 模块？

Question

我在 CSS 中使用连字符命名约定，CRA 的开箱即用 CSS 模块不会将其转换为 JS 文件中的驼峰命名法。这迫使我使用括号语法，例如styles["my-class"]，这很糟糕。className={styles.myClass}更具可读性和更易于使用。

有没有办法在不弹出或使用的情况下改变它react-app-rewired？我不在乎 CSS 中的驼峰式外壳，但这是我最后的手段。

Answer 1

css-loader 中有一个选项可以实现此目的，但如果不使用扩展 CRA 配置或弹出的库之一，则无法使用它。