覆盖Vuejs中导入的CSS样式

Question

我使用

将SweetAlert2引入Vuejs到我的应用程序中

import VueSweetAlert from 'vue-sweetalert';
Vue.use(VueSweetAlert);

这会从node_models文件夹导入整个包。我现在想要覆盖SweetAlert2的sass文件，所以我将它们复制并导入到我的本地sass目录中。

但是他们不会覆盖node_modules css。如何配置Vuejs以导入和使用插件，但是使用我项目中复制的样式覆盖本机样式，而不必将!important全部放在它们上面？

Answer 1

尝试在VueSweetAlert导入后加载自定义css文件，如：

import VueSweetAlert from 'vue-sweetalert';
import '<path-to-your-custom-css>.css';

这似乎是一种黑客攻击或解决方法，但它应该覆盖vue-sweetalert中定义的css规则。