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

2024-01-07 19:30:37

出现这个原因是因为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文件即可解决问题

文章来源:https://blog.csdn.net/qq_44428688/article/details/135362197
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。