17: 构建工具 – IcoMoon

“构建工具”这个术语可能听起来很吓人。它让人联想到需要配置和奇怪的系统依赖项的复杂命令行工具，这些工具在你错误地查看它们时就会崩溃。有时构建工具就是这样，我们将在本系列中讨论这些。但实际上，构建工具只不过是帮助简化流程的东西。自动化之前手动执行的操作。

IcoMoon 从这个意义上说，是一个构建工具。它曾经（现在也是）一个构建自定义图标字体的流行工具。它非常适合这个用途。我支持任何鼓励前端开发人员为其特定需求创建定制的、精简的资源的工具，而不是包含“厨房水槽”（地球上的所有图标）并只使用其中一部分。IcoMoon 不仅仅用于 @font-face 图标字体，它还可以输出 SVG defs 块，它称之为 SVG sprite（这也是一个完全可以接受的术语）。

基本上，你点击你想要的图标，然后导出它，你就会得到一个完美的 SVG defs 块来使用。请注意，它们还没有使用 <symbol>，我不确定为什么，但这意味着你需要根据自己的情况包含 viewBox 和可访问性内容。在那里注册一个帐户，你可以保存项目，这意味着你可以返回并根据需要删除/添加内容，而不是从头开始。这确实使它成为一个构建工具。

关于 IcoMoon 需要知道的重要一点：你可以添加自己的 SVG。你并不局限于在默认应用程序中看到的内容。你可以从其他地方获取 SVG 并将其添加到那里，它将与你的项目一起保存。你也可以只使用你自己的自定义 SVG 将 IcoMoon 作为构建工具，它仍然很有用。