项目中svg图标偶尔乱码,刷新一下又好了。
element打包后使用dart-sass编译
换成node-sass后与sass-loader的版本兼容问题
描述问题
项目中用到两种图标:
- 一种是阿里巴巴矢量库
svg-icon图标
,长这样:
如何优雅的使用svg图标
- 另一种是使用的element的图图标(本质是iconfont 的 font-class方式):
检查图标样式发现,线上环境的element图标样式是乱码,这就对了。
解决问题
npm uninstall卸载sass(默认使用dart打包),
安装node-sass(犹豫版本互斥报错,顺便把sass-loader 的版本也改了)
"node-sass": "^4.11.0",
"sass-loader": "^8.0.2",