在 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';

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