如何配置Flutter package实现单条import调用包内所有Widget

1. 补全入口文件的export声明 #

你当前入口文件design_system.dart仅导出了三个按钮类组件，未包含色板等其余模块的导出，需要把所有对外开放的组件、工具类路径都添加到该文件中：

library design_system;

// 按钮类组件导出
export 'buttons/groupButton.dart';
export 'buttons/elevatedButton.dart';
export 'buttons/gradientButton.dart';
// 色板模块导出
export 'colorPallette/collor_pallette.dart';
// 后续新增其他模块时，继续在此补充对应export路径即可

2. 配置IDE优先使用根入口导入（解决自动多导入问题） #

完成上述配置后，IDE默认仍可能自动导入组件的原文件路径，需要修改IDE配置调整导入优先级：

• Android Studio/IntelliJ 端：打开设置 -> 搜索Dart -> 找到Importing分类 -> 勾选优先使用包级别导入的相关选项，禁止导入子路径文件
• VS Code 端：打开设置 -> 搜索Dart: Preferred Import Style -> 选择package类型，同时关闭相对导入偏好，强制优先导入包根入口文件

3. 可选：目录级批量导出简化维护 #

如果单目录下组件数量多，每次新增都修改根入口维护成本高，可以给每个功能目录新增一个目录级导出文件，比如在buttons目录下新建buttons.dart，内容为：

export 'groupButton.dart';
export 'elevatedButton.dart';
export 'gradientButton.dart';

此时根入口design_system.dart可以简化为：

library design_system;

export 'buttons/buttons.dart';
export 'colorPallette/collor_pallette.dart';

后续新增同目录组件时，只需修改对应目录的导出文件即可，无需调整根入口。

全部配置完成后，只需引入import 'package:design_system/design_system.dart';这一条语句即可调用所有包内公开组件，IDE自动导入时也会优先走该根入口，不会生成多条导入语句。

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