SuperAPI AI 工具集

datahub-mfe-create-app

数据与分析

查看项目

更新于 10-15 20:33

技能介绍

用途:为 DataHub 创建可运行的微前端(MFE)应用,基于 Webpack Module Federation 与 DataHub 集成,自动生成全部样板文件并引导构建与验证。

主要能力:先通过 AskQuestion 一次性收集应用名(kebab-case)、描述、开发服务器端口(3002-3006)、是否需要调用 DataHub GraphQL API。根据应用名推导目录名(追加 -mfe)、Module Federation 名称(camelCase 加 MFE)、包名与显示标签。随后在工作区根目录(与 datahub-web-react/ 同级)生成 7 个文件:package.json、webpack.config.js、src/mount.tsx、src/index.tsx、src/App.tsx、tsconfig.json、public/index.html,并按占位符替换应用目录、包名、描述、端口、MF 名称、显示标签、开发公共路径等。若需要 GraphQL,则在 webpack.config.js 中包含 GraphQL 代理块,否则省略。

使用方式:进入应用目录后执行 npm install 与 npm start(webpack 必须在应用目录内启动,而非工作区根目录)。等待编译完成,开发服务器在配置端口启动。验证时访问 http://localhost:<PORT>/remoteEntry.js 应返回 JavaScript,访问 http://localhost:<PORT>/ 应渲染独立开发页面;失败则检查 webpack 输出并修复。完成后可配合 datahub-mfe-configure-app 技能将应用接入 DataHub 前端配置,使其出现在 /mfe/<path> 及可选导航侧栏。

适用场景:需要新建 DataHub 微前端、远程应用或模块时。

限制:资料未提供具体模板内容、依赖版本、兼容性要求及错误处理细节;端口仅列出 3002-3006;应用名与描述需用户自行输入。