本文讲述了在将Vue2项目使用ElementUI打包到线上时遇到的乱码问题，通过升级Sass版本至1.39.0并调整vue.config.js配置，成功解决了线上编码显示问题。作者尝试了dart-sass和引入图标css的方法，但未解决问题。
vue2 + element UI的项目打包到线上之后，会偶尔出现乱码，但本地不会出现这个问题，在网上查找了很多文章，找到了三个方法；
1、由 dart-sass 改回 node-sass（默认最新的都是安装最新版本的Dart sass，node-sass已于2020年10月被弃用） 此方法未尝试
2、重新在main.js引入element UI的图标 css 文件
已尝试未生效
3、sass 版本更新到 1.39.0，并且修改 vue.config.js 配置文件
已尝试并生效！！！
这是会出现乱码的编译后的css文件
这是修改过后不会出现乱码的编译后的css文件
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
