iview 打包Icon不显示问题修复

Posted 2023-05-16

参考技术A 原文链接地址：https://blog.csdn.net/weixin_36250061/article/details/85695972

最近使用iviewUI框架开发应用，打包完成之后访问，发现所有的icon都报错不显示，

最终通过修改webpack配置文件修复，修改如下：

找到 build 目录下 webpack.prod.conf.js 文件，

rules: utils.styleLoaders(

sourceMap: config.build.productionSourceMap,

extract:  ture ,

usePostCSS: true

)

修改extract值为false即可解决；

iview page组件页码显示的时候乱码

参考技术A 看图片

这个时候中间本来应该显示的是3个点点，但是却乱码了，我看网上说什么要去引入语言包，太麻烦了
打开控制台，找到这个乱码的标签样式
编译出来了就是三个点点

那就重写它的样式！
iview官网上关于Page组件的样式，用的是content: "\2022\2022\2022";
所以，在你使用这个分页组件的页面的style样式里面写上

如果你的style里面有很多其他标签的样式，且只限在本页面生效，那么，就用深度选择器/deep/

如果深度选择器不生效，可以试试 穿透'>>>'，这个我没有实际用过，如果前面两种不生效的童鞋，可以试试这个