使用--tree-shake-icons构建Flutter Web报错，需压缩图标字体大小

错误原因 #

使用--tree-shake-icons构建时，Flutter需要在编译阶段确定所有被使用的图标，以此裁剪字体文件缩小体积。如果代码中存在非const的IconData实例，构建工具无法提前分析这些图标的使用情况，就会抛出错误。你的日志明确指出问题出在font_utils.dart第13行，Flutter源码中的报错通常是你传递非const参数引发的连锁问题。

解决步骤 #

1. 修复自定义代码中的非const IconData #

打开lib/utils/font_util/font_utils.dart第13行，检查IconData的创建方式：

• 错误写法（非const）：

  IconData myIcon = IconData(0xe601);
  

• 正确写法（添加const关键字）：

  const IconData myIcon = IconData(0xe601);
  

如果是在方法中返回IconData，也要确保返回const实例：

IconData getCustomIcon() {
  return const IconData(0xe601);
}

2. 处理动态生成IconData的场景 #

如果代码存在根据变量动态创建IconData的逻辑（比如IconData(iconCode)，iconCode为运行时变量），树摇工具无法识别这类场景。可以：

• 将常用动态图标提前用const预定义：

  const Map<String, IconData> iconMap = {
    'home': const IconData(0xe601),
    'settings': const IconData(0xe602),
  };
  

• 必须动态加载的图标，单独引入包含这些图标的小字体文件，避免影响主字体的树摇效果。

3. 验证修复结果 #

修改完成后重新执行构建命令：

flutter build web --tree-shake-icons

若错误消失，说明修复成功，此时生成的字体文件会自动裁剪为仅包含实际使用的图标。

内容的提问来源于stack exchange，提问作者ZeroJsus