31 - 《MFSU 原理》
发布于 2022年1月6日
解答一位同学的提问。
MFSU 在 Umi 4 中做了重构,解了之前版本里的大部分问题,还有很多新改进,可以直接看 umi 4 的源码,详见 https://github.com/umijs/umi-next/tree/master/packages/mfsu 。并且有提取单独的包,所以对所有 webpack 5 项目都适用,不仅是 umi。
建议直接用 @umijs/mfsu
这个库,而不需要自己重新搭一遍,这里有个例子。
再说下实现方法。
1、项目源码会走到 babel 插件,插件会做两件事,1、修改源码,从 remote 获取资源,2、收集依赖到依赖图谱。
2、从 remote 获取比如之前 import a from ‘a’,会修改为 import a from ‘remo