Vuetify.js 如何排除 ress.css

Question

有没有办法从 Vuetify 中排除 ress.css？ 它覆盖了 Bootstrap 和我的 styles。 我试图从 node_modules 的 Vuetify 目录中删除，但没有帮助

Answer 1

您可以在node_modules/vuetify/src/styles/generic/_index.scss其注释掉，如下所示：

@import './animations.scss';
@import './colors.scss';
// @import './reset.scss';
@import './elevation.scss';
@import './transitions.scss';

但这是一个丑陋的解决方案。

Answer 2

这是 Vuetify 中的一个已知问题。 ZeroThe2nd 提出了一个解决方案——https ://github.com/vuetifyjs/vuetify/issues/8530#issuecomment-666992150 。

基本上，如果您使用的是 webpack，您可以使用插件从编译步骤的源代码中reset.sass 。

这是一种解决方法，但比手动弄乱库源要好得多。