Vuetify.js如何排除ress.css

Question

有没有办法将ress.css排除在Vuetify之外？它覆盖了Bootstrap和我的风格。我试着从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。

这是一种变通方法，但比手动处理lib源代码要好得多。