vue+vux项目引入iview 表格,引入css文件,run build后,webpack将其与vux中的样式混合打包了

AaronYuan
  • 1.5k

vue+vux项目中需要用到表格,vux的表格样式太丑,就引入了iview的表格,
没有在main.js里引入,单独在一个.vue组件里引入的iview

import iView from 'iview';
import 'iview/dist/styles/iview.css';
import { Table } from 'iview';

但打包之后还是报错了
图片描述

打包之后样式混了,
影响到其他页面了
图片描述

图片描述

正常的是这样的
图片描述

<style scoped>试过 不行的

<style lang="css" scoped>
    @import '~iview/dist/styles/iview.css';
</style>

想同时用两个ui框架的话,有没有什么好的方式可以解决这个冲突

回复
阅读 3k
1 个回答
✓ 已被采纳

按理说在单个组建里面单独引入的css不应该影响到其他页面的,但是vue打包的话话把css 混合打包,这样就会有冲突了。。。没有找到好的办法

import 'iview/dist/styles/iview.css';

最终是在冲突的这个css页面,删掉引起冲突的样式。

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