他的回复:
CSS Modules 在构建时把每个 .module.css 中的类名做局部化处理,默认通过文件名加类名加哈希生成唯一类名,并在 JS 中导出一个映射对象,组件用 styles.xxx 引用,从根本上避免全局样式冲突。它保持写普通 CSS 的语法,同时提供 :global 逃逸与 :local 明确局部、composes 组合复用其它类。实际案例:React 项目中 import styles from './Button.module.css' 后 className={styles.root},构建工具(webpack css-loader、Vite 内置)负责转换。注意事项:动态拼类名时需通过映射对象取,不能用字符串直接拼,否则拿不到哈希名;第三方库样式需用 :global;哈希命名规则可按环境配置;与 Tailwind 这类原子化方案定位不同,可组合使用。