umi3.5新特性之提速方案mfsu

umi版本要求:3.5+

什么是 mfsu

mfsu 是一种基于 webpack5 新特性 Module Federation 的打包提速方案。核心原理是将应用的依赖构建为一个 Module Federation 的 remote 应用,以免去应用热更新时对依赖的编译。

因此,开启 mfsu 可以大幅减少热更新所需的时间。在生产模式,也可以通过提前编译依赖,大幅提升部署效率。

配置

初始化一个 umi 应用。
在 config.ts 或 .umirc.ts 中添加 mfsu:{}。
(如果需要针对生产环境生效,需添加 mfsu: { production: { output: '.mfsu-production' } },)
如下:

umi dev 启动项目。在构建依赖时,会出现 MFSU 的进度条,此时应用可能会被挂起或显示依赖不存在,请稍等。

可能遇到的问题

配置mfsu之后,重新启动时可能报错找不到某些依赖,需要删除 .umi 文件夹后 重新安装依赖,重新启动。
关于mfsu的详细内容,可以参考下方官方链接。

附:

umi官方mfsu

posted @ 2023-01-17 14:22  ZerlinM  阅读(1251)  评论(0编辑  收藏  举报