在没有css cdn引用的情况下加载Vuetify项目中的MaterialDesignIcons

Question

我有一个项目，其中使用MaterialDesignIcons在Nuxt与Vuetify。

今天，我将所有标签完全切换到JS加载类型：https://vuetifyjs.com/en/features/icon-fonts/#material-design-icons-js-svg

<v-icon>{{ mdiCheck }}</v-icon>
(...)
import { mdiCheck, mdiCart } from '@mdi/js'
(...)
  data() {
return {
  mdiCheck,
  mdiCart,

我的问题是，在yarn构建/启动从cdn加载css文件后，不会停止。

​

​

我如何才能看到为什么它仍然被加载，以及如何修复这个问题？

在Head HTML：

Answer 1

这是vuetify的nuxt插件的一个问题。

正如你在their docs中看到的，他们默认加载机器人字体和材质设计图标。难以发现但很容易修复的：

在vuetify配置的nuxt.config.js set defaultAssets: false中：

vuetify: {
  defaultAssets: false,
  icons: {
     iconfont: 'mdiSvg',
  }
}