使用node.js + express.js网站减少字体大小

gfttwv5a  于 11个月前  发布在  Node.js
关注(0)|答案(1)|浏览(121)

我正在做一个基于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的方式吗?

如果你能帮忙的话,我将不胜感激。

p1tboqfb

p1tboqfb1#

你可以使用Subsetter App for Font Awesome,它可以让你只选择你在网站中使用的图标。
回答你另一个问题:不,这不会改变你使用Font Awesome的方式。除了当你需要新图标时必须更新你的子集。

相关问题