前言

• 最近發(fā)現(xiàn)線上有人反映圖標(biāo)全部是亂碼，登錄上去看確實(shí)亂碼，刷新就好
• 最后一頓搜，發(fā)現(xiàn)是sass版本不兼容導(dǎo)致的圖標(biāo)亂碼問題

解決辦法

1.先把sass升級(jí)到1.39.0

2.來到vue.config.js文件配置代碼-如果是芋道前端框架不用配置自帶

 css: {loaderOptions: {sass: {// 解決 element-ui 圖標(biāo) icon 偶現(xiàn)亂碼問題sassOptions: { outputStyle: 'expanded' }},postcss: {plugins: [postcss]}}},

總結(jié)：

經(jīng)過這一趟流程下來相信你也對(duì) 芋道前端框架上線之后發(fā)現(xiàn)element-ui的icon圖標(biāo)全部亂碼 有了初步的深刻印象，但在實(shí)際開發(fā)中我 們遇到的情況肯定是不一樣的，所以我們要理解它的原理，萬變不離其宗。加油，打工人！

有什么不足的地方請(qǐng)大家指出謝謝 -- 風(fēng)過無痕