微前端之无界

2,075 阅读1分钟

微前端这块个人是比较推荐无界的

无界官网地址:wujie-micro.github.io/doc/pack/

使用步骤:

1.最好使用框架封装这里:别人给封好了,直接拿来用,省去了很多事

是vue就打开vue的。 react就打开react的。

image.png

2.执行一下安装命令,然后在main.js中引入

image.png

image.png

3.在对应的页面加入

<WujieReact width="100%" height="100%" name="xxx" url={xxx} sync={true}>
</WujieReact>

image.png

这样在回去看页面,就完事了,接入成功。