react css 模块化在实际项目中的用法

Question

实际项目中，有必要将所有的 css 都模块化么？
要是都模块化，那么 className = { styles.app-container } 这种写法就不对了，要是用驼峰命名或者是换成 _ 这样，又有点不适应？ 大佬们在项目中都是咋用的？

Answer 1

只要你项目够大, 且需要持续维护, 采取一些类似模块化的措施就非常有必要, 你举例的那个状况可以用styles['app-container']解决

Answer 2

驼峰。用了 module,一些前缀就可以去掉了，比如 app

部分工具类 css （对齐、line-clamp之类的）, 都用 module