我正在做一个基于node.js + express.js的网站,使用font-awesome作为图标技术。
Font-awesome是本地托管的,JS文件[font-awesome.js]是1.2 MB,尽管我们只使用10-15个图标。希望减小该大小。
选择我理解
如果我打开JS文件,有一个名为icons的数组,列出了所有图标的SVG内容。所以,我可以删除所有图标,但需要的。然而,这个选项的明显问题是,如果我想在未来使用另一个图标,我需要再次编辑它。x1c 0d1x
选择我不明白
有一个[svc-javascript-core]包(https://fontawesome.com/how-to-use/on-the-web/advanced/svg-javascript-core),它允许创建所需的子集。它还提到,如果你没有使用任何工具进行树抖动(我没有),你可以使用deep-imports(https://fontawesome.com/how-to-use/javascript-api/other/tree-shaking)。
但是,我不明白,
- 这会导致创建一个只包含子集的新JS文件吗(或者我可以自己编写代码吗?)
- 这会改变我在页面中使用font-awesome的方式吗?
如果你能帮忙的话,我将不胜感激。
1条答案
按热度按时间p1tboqfb1#
你可以使用Subsetter App for Font Awesome,它可以让你只选择你在网站中使用的图标。
回答你另一个问题:不,这不会改变你使用Font Awesome的方式。除了当你需要新图标时必须更新你的子集。