vue-cli引入阿里巴巴的iconfont.css,打包后被原来element-ui样式覆盖了
vue-cli 打包后,引入的iconfont.css字体样式被原来element-ui,覆盖,在开发环境下显示正常。
开发环境下下面把上面覆盖了,打包之后就反了,
怎么解决打包的问题
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
看下css文件打包后的顺序?如果开发环境正常,那么是不是打包后的css文件顺序变了?
这一般是css加载顺序的问题,你可以在index.html加载完成后再延迟加载
iconfont.css
或者找出加载顺序有问题的原因如果你不需要在element-ui的组件
<el-input icon="my-xxx" />
直接使用图标的话,建议还是修改一个与el-icon
不冲突的class名,并且推荐symbol确实是css加载顺序的问题,在main.js文件后加载iconfont,就可以了