老师，请问 css className 为防止重复名称生成的 __hash 值怎么去掉呢？

Question

老师，请问 css className 为防止重复名称生成的 __hash 值怎么去掉呢？

Answer 1

qq_暖若安阳_9 2024-10-27 22:21:47

去掉就不对了啊，模块化就是为了防止全局样式污染，要不然很容易命名重复，样式覆盖

Answer 2

阿莱克斯刘 2021-03-05 08:24:57

防止生成的 __hash 值，需要对webpack做一点修改。

我们首先需要弹出create-react-app的webpack配置：

npm run eject

然后，在webpack.config.js中找到css-loader：

在 localIdentName 中定义了css的输出，你可以在这里自定义css名称

Answer 3

提问者 黄金雨 2021-01-28 11:16:14

老师好，就是前端代码，会在自己定义的  class 类名后面加上 ___hash 值，怎么样去掉这个功能呢？

• 君不見 #1

  不用css modules就解决了这个问题，但是用css modules的意义就是生成hash来达到样式隔离的效果。

• UN_Helium #2

  这个应该是因为CSS in JS。

Answer 4

阿莱克斯刘 2021-01-27 07:53:04

hello 同学你好，你的问题我研究了两天，结果还是没看懂，不好意思。能不能举个例子说明一下？

• 提问者 黄金雨 #1

  老师好，我上传了截图，您看下。