在查看使用React创建的网页时,我看到类名如
我的问题是,如何设置样式封装,并使用散列类名,并且仍然具有良好的开发体验与人类可读的类名?
编辑:此外,我正在尝试找出如何在不使用Styled Components的情况下完成此操作,因为我要处理的项目已经将scss与JSX文件共存。
class="pmjY9Fa_"
。我了解封装的概念,但我想知道何时将可读的类名转换为唯一的字符串?查看我的应用程序(使用基本的create-react-app创建)时,类名仍然是正常的。我是否需要安装像css-modules这样的npm包?如果我这么做了,会发生什么?比如,我必须弹出我的CRA以将css-modules添加到我的webpack配置中,这样当应用程序构建(无论是开发还是生产)时,样式名称就会被散列化?此外,如果所有样式名称都被散列化,这不是一个糟糕的开发体验吗?我的问题是,如何设置样式封装,并使用散列类名,并且仍然具有良好的开发体验与人类可读的类名?
编辑:此外,我正在尝试找出如何在不使用Styled Components的情况下完成此操作,因为我要处理的项目已经将scss与JSX文件共存。
myButton.module.scss
),导入(import styles from "./myButton.module.scss"
)和使用(<div className={styles.someClass}>...</div>
)。 - Ajeet Shah