The iview table was introduced into the vue+vux project. After introducing the css file, run build, webpack mixed it with the styles in vux and packaged it.

tables are needed in the vue+vux project. Vux"s table style is too ugly, so iview"s table is introduced.
is not introduced in main.js, but iview is introduced in a .vue component.

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

but still reported an error

after packing.

< style scoped > tried something that won"t work

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

if you want to use two ui frameworks at the same time, is there any good way to resolve this conflict

Vux iview vue.js

Mar.25,2021

css introduced separately in a single build should not affect other pages, but if vue is packaged, css will be mixed and there will be conflicts. Did not find a good way

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

finally delete the style that caused the conflict on the css page of the conflict.

Previous: Failed to append linux nat table (iptables)

Next: Ant design pro route redirection error