javascript - 在 Vuejs 中覆盖导入的 CSS 样式

Question

我正在使用

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

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

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

但是它们不会覆盖 node_modules css。我如何配置 Vuejs 以导入和使用插件，但用我元素中复制的样式覆盖 native 样式，而不必在它们上面放置 !important？

Answer 1

尝试在 VueSweetAlert 导入之后加载您的自定义 css 文件，例如:

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

这看起来像是一个 hack 或解决方法，但它应该覆盖 vue-sweetalert 中定义的 css 规则。