芋道前端框架上线之后发现element-ui的icon图标全部乱码

前言

• 最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好
• 最后一顿搜，发现是sass版本不兼容导致的图标乱码问题

解决办法

1.先把sass升级到1.39.0

2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带

 css: {
    loaderOptions: {
      sass: {
     // 解决 element-ui 图标 icon 偶现乱码问题
        sassOptions: { outputStyle: 'expanded' }
      },
      postcss: {
        plugins: [postcss]
      }
    }
  },

---

总结：

经过这一趟流程下来相信你也对 芋道前端框架上线之后发现element-ui的icon图标全部乱码 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

有什么不足的地方请大家指出谢谢 -- 風过无痕