我试图弄清楚代码拆分是如何与 webpack2.x
一起工作的和 react-router-dom
."react-router-dom": "^4.0.0"
但是我阅读了文档并没有找到像这样使用的方法:getComponent
仍然有效吗?
我找到了 react-router-dom
doc只是给你一些例子,没有解释。
我看到了 react-router
是 v4.0.0-beta.8
, 也许我应该使用 react-router-dom
之后?
module.exports = {
path: 'home',
getComponent(nextState, cb) {
import('./main').then(component => {
cb(null, component);
}).catch(err => {
console.log('Failed to load "home" component', err);
});
}
};
最佳答案
它看起来像 .getComponent()
不再被提供。我认为 react-router 将这个责任交给了开发人员来创建他自己的异步组件。 react-router-dom 文档中有关于使用 webpack2 和 bundle-loader 处理代码拆分的很好的指南:
https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md
这是使用 React Router v4 的很棒的快速代码拆分示例:
https://gist.github.com/acdlite/a68433004f9d6b4cbc83b5cc3990c194
希望有帮助!
关于reactjs - react-router-dom,有 `getComponent`的代码分割方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42786001/