老师，请问 css className 为防止重复名称生成的 _

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

来源：5-5 【项目重构】组件化思想实践

黄金雨

2021-01-24

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

写回答

4回答

qq_暖若安阳_9

2024-10-27

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

阿莱克斯刘

2021-03-05

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

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

npm run eject

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

//img1.sycdn.imooc.com/szimg/60417a1a0901c97f08641038.jpg

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

黄金雨

提问者

2021-01-28

//img1.sycdn.imooc.com/szimg/60122c360982469611060754.jpg

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

UN_Helium

这个应该是因为CSS in JS。

2021-02-25

共2条回复

阿莱克斯刘

2021-01-27

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

黄金雨

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

2021-01-28

共1条回复

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

查看课程

相似问题

请问CSS组件化是react编译的结果吗？

回答 1

老师您好，我想用antd里面的那个布局，可是我把代码复制进来，style, classname这都不认识，我哪里写的不对吗？

回答 1

报错：key值重复

回答 3

请问，我用命令tsc main.ts编译完，main.ts就会报错，说是和main.js里的名字重复了，老师那边为什么不显示这个呢，该怎么解决呢

回答 2

vscode中css智能提示不生效

回答 2

打开慕课网App查看更多内容