vue-element项目打包发布后，在chrome浏览器下偶尔存在icon乱码

在将vue-element项目打包发布后，在chrome浏览器中刷新时，偶尔存在element-ui的icon出现乱码。

（一）问题呈现

F12查看乱码的icon元素，发现.el-icon-close:before { content: “□”}，同时html界面通过link标签引入的css文件都未被浏览器正常加载。
非乱码情况下，icon元素也为.el-icon-close:before { content: “□”}，但是css文件是正常加载的。
在去查看打包后的css，发现打包后的css文件就有问题，好了，下面开始百度（超出认知范畴，哭）

（二）查找深层原因

疯狂百度后，发现项目用的是dart-sass，而element本身用的是node-sass

(三) 解决方案

npm uninstall sass // 卸载sass
npm install node-sass -D // 安装node-sass

安装可能报错，这里附上大佬的解决方案
安装 node-sass 的正确姿势

(四) 查看重新打包后的css

ok，完美解决，希望对大家有所帮助！