vue-cli引入阿里巴巴的iconfont.css,打包后被原来element-ui样式覆盖了

vue-cli 打包后,引入的iconfont.css字体样式被原来element-ui,覆盖,在开发环境下显示正常。
图片描述

开发环境下下面把上面覆盖了,打包之后就反了,
图片描述

怎么解决打包的问题

阅读 9.3k
3 个回答

看下css文件打包后的顺序?如果开发环境正常,那么是不是打包后的css文件顺序变了?

这一般是css加载顺序的问题,你可以在index.html加载完成后再延迟加载iconfont.css 或者找出加载顺序有问题的原因
如果你不需要在element-ui的组件<el-input icon="my-xxx" />直接使用图标的话,建议还是修改一个与el-icon不冲突的class名,并且推荐symbol

确实是css加载顺序的问题,在main.js文件后加载iconfont,就可以了
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题