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

前几天，umi（插件化的企业级前端应用框架）正式发布了3.5版本，此次更新带来了一个全新的功能：mfsu。

一、mfsu是什么

mfsu是一种基于webpack5新特性Module Federation（模块联邦）的打包提速方案。开启mfsu可以大幅减少启动项目和热更新所需的时间。在生产模式，也可以通过提前编译依赖，大幅提升部署效率。

更多介绍详见官网：https://umijs.org/zh-CN/docs/mfsu

二、antd pro v5 使用mfsu案例

1、初始化项目

下面我们以antd pro初始化项目为例，体验下这神奇的提效增速功能。

说明下，Ant Design Pro V5在前几天也是正式发布了。目前按照官网安装指令默认安装的版本就是v5，并且已经默认对mfsu进行了配置。

首先，我们使用create umi 来快速的初始化脚手架。

#?使用?npm
npx?create-umi?myapp
#?使用?yarn
yarn?create?umi?myapp

然后，我们按照引导选择ant-design-pro配置进行安装。

antd pro具体安装可参考官方地址：