我已经使用Vuetify构建了一个小型应用程序，并将其全部捆绑到bundle.min.js中，包括CSS。但是，将分发包导入index.html文件时，如下所示：
<script src=js/bundle.min.js></script>
我可以看到某些Vuetify样式正在泄漏到导入我的包的应用程序中。在检查了源CSS之后，我意识到大多数CSS的作用域是v-application或其他v-component父对象，但是某些CSS重置和其他样式会影响html和{{1 }}正在泄漏。这样的一个示例会将我的捆绑包注入stackoverflow首页-大多数文本变大了，我明白了为什么，例如，“热门问题”标题具有附加的样式规则：
body我一直在寻找解决方案，并尝试了所有发现的方法，但似乎没有一个简单的解决方案。我知道为什么用这种方式构建Vuetify，但是有什么办法可以限制或忽略Vuetify中的CSS重置，以便使用我的捆绑包的客户端可以决定他们想要的全局重置？此功能肯定有用例吗？
答案 0 :(得分：0)
编辑： 您也可以在样式标签内最顶层的组件内执行此操作，这样，它将在包中 。
如果您使用的是LESS / SASS / SCSS，则可以将vuetify CSS导入该文件并以传统方式将创建的CSS包含在HTML中，而不必将CSS捆绑到JS中。
LESS / SCSS（使用SASS时，您将省略卷曲的bracets）
.your_class{
@import "./vuetify.min.css";
}
HTML / PHP
<link rel="stylesheet" type="text/css" href="/path/to/your/created.css">
请注意，您无需使用vuetify.min.css，而是使用CDN链接，每次将LESS / SASS / SCSS转换为CSS时都会下载该链接，因此如果您下载一次，则下载速度会更快经常修改它。