Vue.js Nuxtjs+；Vuetify+；净化

正如Vuetify在使用图标时添加了大约300-340kb的图标：“mdi”与nuxt@vuetify-模块中，我找到的答案表明purgeCSS是一个很好的解决方案，可以去除不必要和未使用的图标

我最初从“mdi/font”手动导入图标，但很快就意识到这是一个非常无效的解决方案，因为它迫使我不断地提出将图标手动添加到组件的解决方案

我似乎无法让purgecss删除图标（这对我来说是最重要的）

我安装了“@nuxtjs/vuetify”：“^1.11.3”， 我安装了“nuxt purgecss”：“^1.0.0”， 我安装了“@mdi/font”：“^5.9.55”

看着这个答案，我试图创建我的设置 他们还在这里讨论：

vuetify:{
customVariables:['~/assets/variables.scss']，
崔夏克：没错，
违约资产：{
字体：{
家庭：“Ubuntu”，
},
图标：{
ICont:'mdi'，
},
},
主题：{
黑暗：错，
主题：{
灯光：{
初级：“#fec655”，
primarytext:“#23263e”，
},
}
}
},
净化：{
启用：对，
路径：[
“components/***.vue”，
“layouts/***.vue”，
“pages/***.vue”，
'plugins/***/.js'，
“./node_modules/vuetify/dist/*.js”，
“./node_modules/vuetify/dist/*.css”，
“./node_modules/vuetify/src/***.ts”，
“./node_modules/@mdi/font/*”，
],
样式扩展：['.css']，
//白名单：['body'，'html'，'nuxt progress'，''']，
白名单：['v-application'、'v-application--wrap'、'layout'、'row'、'col']，
白名单模式：[
/^v-（（？！应用程序）。*$/，
/^主题--*/，
/.*-transition/,，
/^证明-*/,，
/^p*-[0-9]/,，
/^m*-[0-9]/,，
/^文本--*/，
/--文本$/，
/^第-*/，行，
/^col-*/,，
/单张/,，
/标记/
],
whitelistPatternsChildren:[/^v-（？！应用程序）。*$/，/^theme--*/]，
提取器：[
{
提取器：content=>content.match（/[A-z0-9-：\\/]+/g）\\\[]，
扩展：['html'，'vue'，'js']
}
]
},

然而，这一要求仍然是以原始尺寸提出的，有什么想法吗？我做错了什么？字体显然来自本地，而不是CDN。