ElementUI、sass、若依后台管理系统踩坑 --> 项目打包后字体图标偶发性乱码

文章目录

  • 一、我遇到的问题
  • 二、问题分析
  • 三、如何解决
    • 1.node-sass
    • 2.升级sass、配置vue.config.js


一、我遇到的问题

公司希望快速搭建一个后台管理系统,技术选型后决定使用若依后台管理系统的前后端分离版,项目打包后会偶发性出现图标乱码的情况,如下图:
ElementUI、sass、若依后台管理系统踩坑 --> 项目打包后字体图标偶发性乱码_第1张图片

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

二、问题分析

在开发过程中,项目中图标是正常显示的,只有打包后才会出现乱码,很明显这个是打包导致的。我们在浏览器中定位到对应图标,这就发现问题啦,content里的内容竟是乱码,这要是能正常显示才是见鬼啦吧!
ElementUI、sass、若依后台管理系统踩坑 --> 项目打包后字体图标偶发性乱码_第2张图片
正常的是这样:
ElementUI、sass、若依后台管理系统踩坑 --> 项目打包后字体图标偶发性乱码_第3张图片
问题已经明确,接下来是怎么解决问题

三、如何解决

1.node-sass

看博客很多人说卸载dart-sass,然后安装

你可能感兴趣的:(vue,sass,elementui,前端)