Reactjs 网页包将React组件拆分为；0.js"&引用；1.js「；等等等等

我无法将React组件重新拆分为单独的文件，例如，

0.js

、

1.js

、

2.js

等，以进行代码拆分和缩减bundle.js文件。有人知道这一结果将如何产生吗？我尝试用

ChunkManifest

和

webpack manifest

插件重新创建它，但它就是做不到。任何建议都太棒了

routes.js

function errorLoading(err) {
  console.error('Dynamic page loading failed', err);
}

function loadRoute(cb) {
  return (module) => cb(null, module.default);
}

export default [
  {
    path: '/',
    component: App,
    childRoutes: [
      {
        path: 'signup',
        getComponent(location, cb) {
          System.import('./modules/App/components/Authentication/Login.js')
            .then(loadRoute(cb))
            .catch(errorLoading);
        }
      },
      {
        path: 'verify',
        getComponent(location, cb) {
          System.import('./modules/App/components/Authentication/Verify.js')
            .then(loadRoute(cb))
            .catch(errorLoading);
        }
      },
      {
        path: 'password-reset',
        getComponent(location, cb) {
          System.import('./modules/App/components/Authentication/PasswordReset.js')
            .then(loadRoute(cb))
            .catch(errorLoading);
        }
      },
      {
        path: 'new-password',
        getComponent(location, cb) {
          System.import('./modules/App/components/Authentication/NewPassword.js')
            .then(loadRoute(cb))
            .catch(errorLoading);
        }
      }
    ]
  }  
]

---

这种代码拆分可以通过以下几种方式完成：

• require.sure（）

• System.import

  （这将在webpack v3中被弃用）

• import（）

这里有一个来自新文档页面的链接，其中指定了一些使用react进行代码拆分的示例

---

（您可以在这里看到它也被称为延迟加载模块）

awesome！我将查看此链接

https://github.com/ReactTraining/react-router/blob/master/examples/huge-apps

然后回复您：）我按照链接

https://github.com/ReactTraining/react-router/blob/master/ex‌​示例/大型应用程序

成功了！：）以前的链接都断了，只是谷歌的“巨型应用程序reactjs”，我发现了这个：（它包含一个原始链接的副本）