1.先把sass升级到1.39.0
2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带
css: {
loaderOptions: {
sass: {
// 解决 element-ui 图标 icon 偶现乱码问题
sassOptions: { outputStyle: 'expanded' }
},
postcss: {
plugins: [postcss]
}
}
},
总结:
经过这一趟流程下来相信你也对 芋道前端框架上线之后发现element-ui的icon图标全部乱码 有了初步的深刻印象,但在实际开发中我 们遇到的情况肯定是不一样的,所以我们要理解它的原理,万变不离其宗。加油,打工人!
有什么不足的地方请大家指出谢谢 -- 風过无痕