基于qiankun实现前端微服务

• 安装qiankun

  npm install qiankun -S

• 定义qiankun容器QiankunPage.jsx

  export deefault class QiankunPage extendts React.Component{ render(){ return

  
  
  } }

以上组件id非常重要。

• 注册子应用

  import { loadMicroApp } from 'qiankun';

  loadMicroApp({
  name: 'app1',
  entry:'app1.com',
  container: '#qiankun-contianer' } );

• 路由定义增加qiankun中转路由

•   <Router component={QiankunPage}
      path="/app1"
    />