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

小全upup

已于 2024-01-03 14:03:04 修改

阅读量655

点赞数 9

文章标签： vue.js 前端 javascript

于 2024-01-03 14:02:06 首次发布

本文链接：https://blog.csdn.net/qq_44428688/article/details/135362197

版权

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