如何在本地将 Material Design Iconic Font 托管到 vue 应用中
Posted
技术标签:
【中文标题】如何在本地将 Material Design Iconic Font 托管到 vue 应用中【英文标题】：How host locally Material Design Iconic Font into a vue app 【发布时间】：2021-08-31 13:57:23 【问题描述】：我使用 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 的最简单方法？
【问题讨论】：
【参考方案1】：我终于解决了
import "material-design-iconic-font/dist/css/material-design-iconic-font.css";
进入“main.js”。
我必须在“vue.config.js”中包含其他内容以指示 webpack 正确处理此 css 文件？
【讨论】：
以上是关于如何在本地将 Material Design Iconic Font 托管到 vue 应用中的主要内容，如果未能解决你的问题，请参考以下文章
使用 Material Design 编辑模式时如何选择选项
如何协调 Font-Awesome 和 Material Design 图标字体？
设置 SVG Material Design Icons 的背景颜色
如何在 WPF 中禁用 Material Design 风格