在做webpack的DEMO时,打包CSS,为什么类名会变乱码

在做webpack的DEMO时,打包CSS,为什么类名会变乱码,第1张

这个是将你的class名变成hash值,这样可以防止你的样式名重名了。获取当然是获取不到的,因为webpack是将你的源码打包了,然后你设置了之后,他就变成hash值,你通过获取原先class名想找到dom是不可能的。两种方式,一种是不变成hash值,另外一种是使用变成hash值后再去找dom。如变成hash值后是w5ds6d3213_245ad,那么你就通过document.getElementByClassName("w5ds6d3213_245ad").这样就能获得

1.目前普遍的做法是用webpack打包引入时加入hash,例如有文件a,在webpack配置时可以写a[hash:8]. js,会生成八位的hash字符串。

2.如果是老一点的项目,webpack改造麻烦的话,可以每次发布的时候手动改,比如在html中将a. js的引入改为a. js? 20210215,这样的后边加一个今天的日期,浏览器就不会使用缓存,会重新加载文件。

个人经验,以供参考,有用采纳,有问题追答。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11733722.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存