Skip to content

Latest commit

 

History

History
33 lines (23 loc) · 813 Bytes

README.md

File metadata and controls

33 lines (23 loc) · 813 Bytes

image.png

hel-micro-react

依赖 hel-micro 基础 api 实现的 react 组件加载库

加载 react 应用

先在主应用头部引入react runtime文件,

<script id="leah-runtime" src="https://tnfe.gtimg.com/hel-runtime/level1/16.14.0-react.js"></script>

为主应用 webpack 配置 external,让你的应用使用的 react 库和hel-micro使用的 react 库是同一个

const externals = {
  react: 'LEAH_React',
  'react-dom': 'LEAH_ReactDOM',
  'react-reconciler': 'LEAH_ReactReconciler',
};

之后主应用的任意地方代码都可以实例化MicroApp了,

import { MicroApp } from 'hel-micro-react';

<MicroApp name="hm-counter" />;