如何将 Material Design Iconic Font 本地托管到 vue 应用程序中

问题描述

我已经使用 Vuetify 和 Material Design Icons 开发了一个 Vue 2.6 SPA,其包含在 here 中,但 SPA 的一些元素(部分由公共模板派生)也使用“Material Design Iconic字体”。我想在本地托管“zmdi”图标,而不是使用 CDN,并按照报告的说明 here 我安装了这个额外的图标包:

npm install material-design-iconic-font

我不知道如何正确地将“zmdi”图标包含到 VUE 应用中。 谁能建议在 VUE SPA 中托管 Material Design 标志性字体的最简单方法

解决方法

我终于解决了

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

进入“main.js”。

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