vue icon 本地正常 线上打包失败变乱码

出现这个原因是因为sass解析的问题  Node版本高的话可以通过升级sass版本 并且配置vue.config规避这个问题 

//给sass配置的东西 这个对应的版本是sass 1.39.0 本人node版本v14 升级sass版本后出现报错
  css: {
    loaderOptions: {
      scss: {
        additionalData: `@import "@/styles/var.scss";`, // 不同版本的 sass，此属性不同：data、prependData、additionalData
        sassOptions: { outputStyle: 'expanded' } // fix: 解决 element-ui 图标 icon 偶现乱码问题
      }
    }
  },
  //第二种方法 取消icon样式的scss方式导入 变成css导入 首先需要确保 scss全局样式文件中没有引入scss类型的icon样式 否则会被优先级覆盖 
  //第三种方法 引入elemnt-ui样式 不再使用scss 文件直接使用css文件即可解决问题