0.0.1 • Published 3 years ago

tao-pro v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

TAO(道) —— 微前端解决方案

道生一,一生二,二生三,三生万物。老子认为道衍生了万物,所以道不仅有乾坤(qiankun,微前端框架)还有宇宙(universe,适配qiankun的iframe微前端方案)。

使用方法

  1. 主应用
npm i tao --save
import tao from 'tao';  // 引入tao
// 加载子应用
tao.loadMicroApp(
    {
        name: 'app',  // 微应用的名称
        entry: 'http://localhost:3334/index.html', // 微应用的URL
        container: '#app', // 承载微应用的容器
        render: 'universe', // 渲染方式: qiankun or universe
        props: {data: 'props data'}, // 加载微应用时向微应用中注入的参数
        targetOrigin: 'http://localhost:3334',  // universe渲染引擎独有,发送消息的目标来源
        origin: 'http://localhost:3334',  // universe渲染引擎独有,监听消息的消息来源
        // subAppOrigin: 'http://localhost:3333',
        onMessage(data) {  // 监听子应用的消息,用于父子应用通信
            console.log('receive app data:', data)
        }
    }
);
tao.sendMessage({data: '父传子'}); // 向子应用发送数据
0.0.1

3 years ago