希望这是一个新手问题。
我正在努力将 vuetify 集成到几个屏幕中现有的 vuejs web SPA 应用程序中。应用程序使用目的 ui 作为其 css 和样式。将 vuetify 集成到应用程序中后,我们看到该网站现在具有 vuetify 的风格。
如何确保 vuetify 的样式仅限于少数屏幕上的特定 vuetify 控件,这些控件用于这些控件?
更新 1:
索引.js
if (Meteor.isClient)
{
import 'vuetify/dist/vuetify.min.css';
}
下面的 index.html:meteor-bundled-css
行应该在捆绑的 css 文件中包含 vuetify.min.css,但我在捆绑文件中看不到 css 结构,尽管该网站现在是一个重要的 ui\Vuetify 网站。
<head>
<link type="text/css" href="/css/purpose.css" rel="stylesheet">
<meteor-bundled-css />
</head>
我能够通过删除 Vuetify 并在项目中添加 BootstrapVue 来解决此问题,wrt 到 BootstrapVue、Bootstrap css 文件,而不是在索引.js 文件中添加 css 文件,我将其添加到客户端文件夹中,以便它可以由 Meteorjs 本身捆绑\缩小。