微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何仅从真棒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 举报,一经查实,本站将立刻删除。