element打包部署出现iconfont图标乱码

项目打包部署后，使用的iconfont图标偶尔会出现乱码。网上查阅资料，原因主要有两个，一是element版本太低，不支持一些图标；二是sass编译导致的问题。
查看项目引入的element版本为2.14.1，排除版本低的原因，如果是版本低，则升级版本再尝试。再者，乱码问题并不是一直出现，存在随机性，也排除element版本低而导致。
从sass编译角度排查，element源码中使用的node-sass，而项目编译如果使用dart-sass，可能就会出现问题。在package.json中找到引入的是sass，而不是dart-sass，查阅资料说其内部依赖的是dart-sass，那么就卸载sass或dart-sass，安装node-sass和sass-loader，安装可能会失败，此时需要查询项目使用的element版本和它对应的node-sass和sass-loader版本，指定版本安装。

// 卸载
npm uninstall sass dart-sass --save

// 安装
npm install [email protected] [email protected] --save

如果是在无外网环境开发或不方便更换依赖，也可以选择不将iconfont图标编译，直接引用。所以这种方式不适用于一键部署。

1. 找到node_modules\element-ui\packages\theme-chalk\src\base.scss文件，去掉icon.scss的引入
2. 在main.js引入：import 'element-ui/lib/theme-chalk/icon.css'

还有一种使用css-unicode-loa