跳到主要内容

bindReactRuntime

bindReactRuntime是服务于模块使用方的接口，用户共享模块使用方（后面我们统称为宿主）的 react 相关运行时，当宿主使用的 cdn 的 react 库，且宿主的 externals 是以下映射关系时

  'react': 'React',
  'react-dom': 'ReactDOM',
  'react-is': 'ReactIs',

不需要调用此接口来到达 react 运行时共享的目的，因为此种情况下宿主和子模块的 externals 配置是一致的，已经达成了共享效果，但此种情况调用了此接口也不影响运行。

当出现以下 2 种情况时，需要调用bindReactRuntime来到达 react 相关运行时共享的目的

  • 宿主使用的是 node_modules 里的 react 相关运行时
  • 宿主的 react 相关 externals 配置非上诉标准的约定映射关系

综上所述，总是调用该接口也是没问题的，可以应对任何情况。

基础用法​

共享 react 相关运行时​

在入口文件出调用此接口来共享宿主的 react 相关运行时给子模块，见在线示例

import { bindReactRuntime } from 'hel-micro';
import React from 'react';
import ReactDOM from 'react-dom';
import ReactIs from 'react-is';

bindReactRuntime({ React, ReactDOM, ReactIs });

文档正在拼命建设中，有疑问可联系 fantasticsoul，关注我的掘金主页了解更多 ....