大版本升级element-ui后，icon全部丢失

Question

问题描述

半年没有升级element-ui，尝试从2.4.11升级到2.12.0，升级到2.12.0后，发现所有的icon全部丢失，均不显示

问题出现的环境背景及自己尝试过哪些方法

1. 升级之前，考虑到可能影响node_modules，就先卸载了当前版本，在安装最新版本
2. 发现2.4.11版本请求字体时，字体请求的url为base64格式，同时响应头Content-Type: application/font-woff，如下图

在升级到2.12.0后，字体请求url为字体的相对路径，有点像请求静态资源，响应头`Content-Type: text/html; charset=UTF-8`

1. 2.12.0版伪元素的content都对应 /E6DF，应该还是字体资源没有正常加载

你期待的结果是什么？实际看到的错误信息又是什么？

1. 猜测是不是与打包方式有关
2. 如何处理这种升级后icon不显示的bug

Answer 1

问题已经解决，在2.12版本中icon数量较之2.4.9版本的扩展2倍不止。原来webpack中对于字体loader的限制是limit<10000，就会将字体转换为base64，2.12版本中字节已经超过10000，所以没有被打包，进而直接请求改字体。解决办法是，去除limit限制，强制对所有的字体文件，进行base64转换

Answer 2

我遇到了和你一样的问题，因为我的项目用到的图标不多，所以我用旧版本的字体文件替换了最新版的字体文件。