丁先生
06-28 · 长春工业大学人文信息学院
为什么使用.module.css
使用(.module.css)的核心好处:解决了传统 CSS 中“全局污染”和“命名冲突”的痛点,在打包的时候,使用哈希算法帮我们把类名改为独一无二的名称。样式文件和组件文件一一对应(如 Button.jsx + Button.module.css),当删除组件时,可以直接删除对应的 CSS 文件,完全不用担心影响其他页面,对于团队之间开发非常方便,互不干扰。每个类都必须通过 import 在 JS 中显式引用,只有被 import 显式引用的类名才会被打包;如果未引用的话,该类会被自动剔除。在(.module.css)中使用驼峰命名和直接命名在使用时有区别:使用驼峰命名的话className={styles.productTextContainer};若没有使用驼峰命名的话className={styles["product-text-container"]}#前端 #应届生找工作 (以上纯属个人观点)
发布于 广东
分享
评论
未登录
友善发言
image-upload
评论
加载中