qq_43340606的博客

而dart-sass在编译element-ui里icon伪元素的content unicode编码时会转换成对应unicode明文，所以通过伪元素来展示的图标如el-icon-arrow:before{ content: “\e6df”}，编译之后就变成了el-icon-arrow:before{ content: “”}，“”便是一个双字节字符，导致出现乱码。线上环境偶尔会复现，

比如我的子应用部署在a.com/bbb，主应用部署在a.com/aaa，独立访问子应用时，字体文件的路径就是a.com/bbb/static/fonts/XXX.wofff（能找到资源），嵌入主应用后访问的路径就是a.com/aaa/static/fonts/XXX.woff（找不到资源），这个时候就会报404错误。更进一步，如果不提取css到独立文件，那么css都会被打包到js文件中，会导致文件变大。elementUI的样式文件中有字体文件的引用，是以相对路径的形式写在css文件中的，