element打包后生产环境图标乱码问题的解决

场景

最近有一个时而发生的bug，在生产环境下，我使用的NavMenu组件的展开收起小箭头，偶尔刷新的时候会出现乱码的情况。从网上搜索了好久，终于定位到了问题所在。
是我这个项目使用的依赖包是sass，elementui使用的是node-sass，发现打的包里的app.css文件里的content:unicode字符集显示并不是"\e790"这种。

乱码图片如下

解决

1.卸载sass

npm uninstall sass --save

2.安装node-sass

npm install node-sass@4.14.1 --save-dev

tips

在此说明一下我踩的坑。
最开始我是执行的如下命令

npm install node-sass --save-dev

发现依赖一直下不下来，后来看网上说更换版本，我看了下，本地的element的包里的package.json里的node-sass版本好像是4.11.0，不太确定，然后我安装这个版本号的node-sass还是安装不上，于是安了网上说的另一个版本4.14.1就成功安装上了。
至此再次打包，看了下app.css里的content显示的字符集正常了。那生产环境图标偶尔乱码的问题也就解决了。