@fan-scripts/fe-runtime
v1.0.15
Published
LowCode runtime frontend (Module Federation remote) for host integration
Readme
@fan-scripts/fe-runtime
低代码 运行时 前端(Module Federation Remote),供主应用通过 remoteEntry.js 加载。
本地开发
pnpm --filter @fan-scripts/fe-runtime run dev发布到 npm(含静态资源,供 jsDelivr / unpkg)
对齐版本号:编辑本目录
package.json的version(与 jsDelivr 路径中的版本一致)。从 monorepo 根目录发布(推荐,脚本会带上正确的
FE_RUNTIME_REMOTE_PUBLIC_PATH再执行pnpm publish):pnpm publish:fe-runtime或直接:
pnpm publish --filter @fan-scripts/fe-runtime --access public上述任一方式在真正发包前都会触发本包
prepublishOnly→ 执行scripts/npm-prepublish.mjs:按name@version自动生成https://cdn.jsdelivr.net/npm/<name>@<version>/dist/并 在子进程环境里强制设置
FE_RUNTIME_REMOTE_PUBLIC_PATH后跑pnpm run build,因此 不必 再手工export(若环境里已有旧版本 URL,脚本会告警并仍以当前package.json为准)。主应用
remoteEntry示例:https://cdn.jsdelivr.net/npm/@fan-scripts/fe-runtime@<版本>/dist/remoteEntry.js
说明:在 npmjs 上公开发布需
--access public(已在publishConfig中声明时可省略重复参数,以你使用的 pnpm/npm 版本为准)。若仅内网 Verdaccio,按私服文档登录即可。
环境变量
| 变量 | 用途 |
|------|------|
| FE_RUNTIME_REMOTE_PUBLIC_PATH | 生产 / 发布构建 时写入 Rsbuild output.assetPrefix,必须与 CDN 或 jsDelivr 上的 dist/ 公网 URL 前缀一致;本地开发可不设。 |
设计文档
见仓库 docs/implementation/2026-05-11-fe-runtime-container-mf/、docs/implementation/2026-05-13-fe-runtime-remote-npm-cdn-demo/plan.md 与 docs/implementation/2026-05-14-fe-runtime-qiankun/integration-guide.md(含 qiankun 子应用入口与主应用注册示例)。
qiankun 子应用(与 MF 双轨)
- 构建后使用
dist/qiankun.html作为 qiankun 的entry;本地联调示例://localhost:10001/qiankun.html。 - 生命周期源码目录:
src/qiankun/。 - UMD 全局名:
fan_scripts_fe_runtime(由package.json的name规范化,详见 integration-guide §8)。 - 单独打开
http://localhost:10001/qiankun.html:无 qiankun 宿主时,入口会在#root上自动执行一次mount便于冒烟;宿主嵌入时会带__POWERED_BY_QIANKUN__,不会重复挂载。
