如何更改 CRA 中的 CSS 模块？

Question

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

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

Answer 1

有一个option for this within css-loader，但如果不使用用于扩展 CRA 配置或弹出的库之一，您将无法访问它。