一、我遇到的问题

公司希望快速搭建一个后台管理系统，技术选型后决定使用若依后台管理系统的前后端分离版，项目打包后会偶发性出现图标乱码的情况，如下图：

直接看若依的系统也是会偶发性出现同样的问题，虽然问题不是毕现的，但是有问题总要决绝不是????????

二、问题分析

在开发过程中，项目中图标是正常显示的，只有打包后才会出现乱码，很明显这个是打包导致的。我们在浏览器中定位到对应图标，这就发现问题啦，content里的内容竟是乱码，这要是能正常显示才是见鬼啦吧！

正常的是这样：

问题已经明确，接下来是怎么解决问题

三、如何解决

1.node-sass

看博客很多人说卸载dart-sass，然后安装安装node-sass能解决问题

npm uninstall sass
npm install node-sass -D

咱也不知道为啥，按照这个方法试了一下，并没有解决问题，也不知道那么多说这样好使的是不是真的好使????，反正我这是没有一点点改变????

2.升级sass、配置vue.config.js

sass版本升级到1.39.0，然后配置vue.config.js，加上以下代码，这样问题就完美解决啦????

为了方便copy下边送上代码：

css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          outputStyle: 'expanded'
        }
      }
    }
  },

参考传送门

最后

以上就是暴躁宝马最近收集整理的关于ElementUI、sass、若依后台管理系统踩坑 --＞ 项目打包后字体图标偶发性乱码一、我遇到的问题二、问题分析三、如何解决的全部内容，更多相关ElementUI、sass、若依后台管理系统踩坑内容请搜索靠谱客的其他文章。