NPM 和 Webpack 中的 IonIcons答案

【问题标题】：IonIcons in NPM & WebpackNPM 和 Webpack 中的 IonIcons
【发布时间】：2020-12-25 02:45:57
【问题描述】：

谁能给我一个例子，说明如何使用导入在 webpack 中使用 ion-icons？

我一直在为以下事情苦苦挣扎：

import 'ionicons/dist/ionicons.js';
...
<ion-icon name='add' />

即使查看了 npm 包中的神秘源代码，似乎也没有任何效果。

请帮忙？

P.s.：请不要建议包含外部脚本，一个 npm 包应该可以通过导入使用，而不是： <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>

【问题讨论】：

你解决过这个问题吗？我也遇到了这个问题。

标签： node.js npm webpack ionicons

【解决方案1】：

您可以将大部分图标导入为 svg：

import {logoTwitter} from "ionicons/icons";
var q = document.querySelector("#blankdiv")
q.innerHTML = `<a href="">${logoTwitter.slice(s.indexOf('<'))}</a>`

不幸的是，这似乎不适用于某些人，例如refresh。

【讨论】：