如何在本地将 Material Design Iconic Font 托管到 vue 应用中答案

【问题标题】：How host locally Material Design Iconic Font into a vue app如何在本地将 Material Design Iconic Font 托管到 vue 应用中
【发布时间】：2023-03-31 13:14:01
【问题描述】：

我使用 Vuetify 和 Material Design Icons 开发了一个 Vue 2.6 SPA，如 here 所述，但 SPA 的某些元素（部分由公共模板派生）也使用“Material Design Iconic Font”。我想在本地托管“zmdi”图标，而不是使用 CDN，并按照here 报告的说明安装了这个额外的图标包：

npm install material-design-iconic-font

我不知道如何在 VUE 应用中正确包含“zmdi”图标。谁能建议在 VUE SPA 中托管 Material Design Iconic Font 的最简单方法？

【问题讨论】：

标签： vue.js vuetify.js webpack-style-loader material-design-icons

【解决方案1】：

我终于解决了

import "material-design-iconic-font/dist/css/material-design-iconic-font.css";

进入“main.js”。

我必须在“vue.config.js”中包含其他内容以指示 webpack 正确处理此 css 文件？

【讨论】：