如何仅从真棒5专业js-all文件中编译指定的图标?

问题描述

我已经在docs using a licence key之后安装了npm真棒pro 5字体。

在我的项目中,我使用下面的html图标代码引用各种权重solidregularlightbrands的图标...

<i class="far fas-times"></i>

然后在我的src js中,我需要使用下面的字体来实现超棒的字体...

require('@fortawesome/fontawesome-pro/js/all');

然后使我的所有图标变为svgs。哪一个完美。

但是我跑步时...

npm run watch

字体很棒给我观看的已编译js文件增加 5 MB 吗?太疯狂了,这会导致我在本地开发人员上的页面加载出现第二次延迟。

我只使用了大约20个图标。因此,将每个重量的每个图标都编译到我的js观看和生产文件中似乎很愚蠢。

// list of icons I want to use (all weights and brands)
var icons = {
  'warning','times','add','acorn','facebook'   
}

是否有某种方法只能编译@fortawesome/fontawesome-pro/js/all文件中特定图标列表中的图标(如上)?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)