umi ui实现思路

Question

它是怎么搞区块开发的

Answer 1

其实区块开发和 umi ui 的实现没有什么关系的。
现在你社区上看到的区块，更多的是把 pro 的页面独立出去。
其实就是把一个页面单独为一个 umi 项目来进行开发的。
原理就是在 umi dev 时指定了 process.env.APP_ROOT。
你在 blocks 库里面，比如开发 AccountCenter 区块，运行的可能是 yarn start AccountCenter。

其实实际上仅仅是在 @umijs/plugin-block-devtool 插件中，运行了 process.env.APP_ROOT=AccountCenter。

区块开发完成，可以用脚本把所有的区块都下载到本地，比如现在 pro 的用法。
也可以仅仅下载某一个区块，比如之前 umi ui 的用法。

如果你想了解的是 umi ui 页面如何和服务交互的，其实就是用了 websocket。