如何将 es6 模块加载到 AMD 架构中

Question

我有一个requirejs应用程序，我想将一个反应模块/组件附加到我的页面中。反应模块是用 babel/jsx 编写的。所以我使用 AMD 转换插件并将它们连接成一个文件。

当然，现在每个 react js 文件都有 export default class / function -part。其中一个反应文件有一个名为startUp(html)的函数，它需要一个html元素作为参数。此 html 参数将由ReactDOM.render调用使用。

我的问题是我无法访问AMD模块中的启动方法：

////////////////////// REACT AND BABEL / ES6 CODE /////////////////////////
// react-module.js
export default class MyReactContainer extends React.Component {
    render() {
        return <div>Just a DIV</div>
    }
}
// react-main.js
export default function startUp(html) {
  ReactDOM.render(<MyReactContainer />, html);
}
//////////////////// EXISTING AMD MODULE /////////////////////////////////
// reactModuleIncluder.js
define(['./react-main'], function(reactMain) {
  function includeReactModule(html) {
      reactMain(html); // Here I want to call the startUp method
  }
  return includeReactModule;
});

知道我能做什么吗？或者这甚至可能吗？

编辑：解决了问题。文件被转译并连接在一个 js 文件中。现在我删除了连接进程，它可以工作。

Answer 1

解决了这个问题。文件被转译并连接在一个 js 文件中。现在我删除了连接进程，它可以工作。