代码拆分 React 组件

Question

我是 React 的新手（准确地说，我使用的是 preact.js），我正在尝试使用 webpack 2 代码拆分 React 组件。

我正在按照文档中的说明导出我的组件，然后 importing 它正在加载。

  import('./components/List').then((List) => {
    render(<List />, document.getElementById('main'));
  });

脚本已加载，但我没有正确处理承诺回调，并且发现很难看到任何显示工作版本的文档。

List returns 以下对象：

Answer 1

我看到了你的回购协议。看起来您的列表组件没有 export default。我会添加 default 并在你的 then 中，当你处理承诺时，我会这样做

.then(module => {
   const Component = module.default;
   render(<Component />, document.getElementById('main'))
})

Code Splitting React components