鍍金池/ 問答/HTML/ vue+vux項(xiàng)目引入iview 表格，引入css文件，run build后，w

vue+vux項(xiàng)目引入iview 表格，引入css文件，run build后，webpack將其與vux中的樣式混合打包了

vue+vux項(xiàng)目中需要用到表格，vux的表格樣式太丑，就引入了iview的表格，
沒有在main.js里引入，單獨(dú)在一個.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框架的話，有沒有什么好的方式可以解決這個沖突

回答
編輯回答
怣痛

按理說在單個組建里面單獨(dú)引入的css不應(yīng)該影響到其他頁面的，但是vue打包的話話把css 混合打包，這樣就會有沖突了。。。沒有找到好的辦法

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

最終是在沖突的這個css頁面，刪掉引起沖突的樣式。

2017年4月9日 01:11