现在那种前端网页页面 className 看起来是随机的是如何实现的

[inktiger]

我是一名后端，今天在 facebook 源代码看到页面的 className 感觉全是随机取的，好像近来这种方式的网站不少，这个是如何实现的呢？这种对 seo 友好吗，这种做法有什么好处和坏处呢

[way2explore2]

因为他们用 react

[inktiger]

@way2explore2 噢噢，原来是这样，感谢感谢

[ayase252]

webpack 构建的时候 css-loader hash 一下

[sjhhjx0122]

webpack 打包的时候 hash 了一下

[w3313003]

css-module

[momocraft]

各种 css-in-js 或者 css module

[zhuweiyou]

这不是“人工”写上去的，工具处理成这样的，是为了不同文件用重复的 class 名，不会冲突。

[hb751968840]

vue 的 scope 和 css in js

[P233]

facebook 网站上这个还不太一样， 一个 css 属性， 对应一个 class，atomic css

[HFX3389]

这种网页对爬虫是不是不怎么友好~~

[tao1991123]

css-module

[MegrezZhu]

从目的角度来说，有的网站这么做是为了给 adblock 用户添堵…

[joeybuddy]

styled-components 也是这个效果。好处就是不需要费脑子去想样式名称并且作为组件不容易有样式污染。而且在组件化开发的时候，组件名称本身表示了语义化的信息，费力给 CSS 起名字有点累赘