Question

希望这是一个新手问题。

我正在几个屏幕上将vuetify集成到现有的vuejs Web SPA应用程序中。该应用程序使用purpose ui作为其CSS和样式。将vuetify集成到应用程序中后，我们看到该站点现在具有vuetify样式。

我如何确保vuetify的样式仅限于在几个屏幕上使用的特定vuetify控件？

更新1：

index.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>

Answer 1

我能够通过删除Vuetify并在项目中添加BootstrapVue来解决此问题，并将其添加到BootstrapVue，Bootstrap css文件中，而不是在index.js文件中添加css文件，而是将其添加到客户端文件夹中因此它可以由Meteorjs自己打包\最小化。