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

2023-12-21 22:33:18

前言

  • 最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好
  • 最后一顿搜，发现是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图标全部乱码 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

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

文章来源:https://blog.csdn.net/weixin_53579656/article/details/135141326
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。