图片、字体与 SVG 处理

图片、字体与 SVG 处理

这篇笔记还在编辑中，内容可能会继续补充、调整或重写。

核心认识

构建工具会根据资源类型决定内联、复制、优化或生成 URL。图片需关注格式与尺寸，字体需关注子集和加载策略，SVG 还要区分图像、符号与组件化使用。

学习重点

  • 能说明方案如何处理作用域、复用、主题和运行时成本
  • 理解静态资源从源码引用到最终 URL 和缓存策略的变化
  • 在一致性、可维护性、构建复杂度和性能之间做取舍

实践检查

  • 能用自己的话解释“图片、字体与 SVG 处理”
  • 能在最小项目中完成一次与“图片、字体与 SVG 处理”相关的验证
  • 能记录常见问题、取舍依据和排查方法