如何通过配置CSS Modules的hashPrefix提升编译后类名的可读性？
- 内容介绍
- 文章标签
- 相关推荐
本文共计932个文字，预计阅读时间需要4分钟。
直接输出结论：
为什么hashPrefix比单纯改localIdentName更实用
很多人只调localIdentName，比如设成[local]__[hash:base64:5]，结果所有组件的类名都长这样：button__3TqAx、header__1aB2c——看着像，但点开DevTools根本分不清哪个button来自src/pages/Login/index.module.css还是src/components/Button/index.module.css。hashPrefix本身不生成类名，但它能作为“命名空间锚点”，让localIdentName里的[path]或[name]真正落地生效。
本文共计932个文字，预计阅读时间需要4分钟。
直接输出结论：
为什么hashPrefix比单纯改localIdentName更实用
很多人只调localIdentName，比如设成[local]__[hash:base64:5]，结果所有组件的类名都长这样：button__3TqAx、header__1aB2c——看着像，但点开DevTools根本分不清哪个button来自src/pages/Login/index.module.css还是src/components/Button/index.module.css。hashPrefix本身不生成类名，但它能作为“命名空间锚点”，让localIdentName里的[path]或[name]真正落地生效。