iframe-app v0.0.1-alpha.1

iframe-app

介绍

基于原生 iframe 实现库，搭建微前端服务，体量极小，适合一般功能的微前端应用，支持，注入js，link，主子应用通信等；但是由于使用原生 iframe；一些基于 iframe 的问题无法解决；

快速上手

主应用

npm i iframe-app@0.0.1-alpha.1 -S
import iframeApp from 'iframe-app';
console.log(iframeApp);
const optionResults = {
    container: '#app',
    entry: 'http://localhost:8622/',    // 入口应用
};
iframeApp(optionResults).loading().then(app => {
    app.emit('baseTomMicro', '基座向子应用通信')
    app.on('microToBase', (info) => {
        console.log(info);
    })
});

子应用

__MICFRONT__.on('baseTomMicro', function(info) {
    console.log(info);
})
__MICFRONT__.emit('microToBase', '子应用向基座通信')

API

父应用配置参数

function iframeApp(options: {
    entry?: string,
    container: string,
    base?: string,
    load?: function,
    html?: string,
    scriptSrc?: Array<string>,
    linkHref?: Array<string>,
}): {
    loading: function,
    on: function,
    emit: function,
}