一、 背景
本项目是以vue-element-admin作为基础，开发过程中，图标显示正常，知道打包到线上，页面偶尔性出现图标落马问题，再次刷新页面后，又显示正常
二、现象
1、项目打包后，dist/css/app.xxx.css，发现所有的图标样式content的文本未正常显示了。例：el-icon-moon:before{content:“”}；
2、虽然页面图标可以正常显示，但是用F12，会发现字体依然是乱码；
原因
本项目使用的依赖包是sass，elementui使用的是node-sass
解决方法
- 方法一： 替换element-ui的样式文件
element-variables.scss文件中的 @import "~element-ui/packages/theme-chalk/src/index"; 注释掉，然后在main.js把引入的element-variables.scss文件注释掉替换为 import 'element-ui/lib/theme-chalk/index.css'
- 方法二：把sass版本升到1.39.0
参考地址： https://blog.csdn.net/qq_37831545/article/details/132427740
