Question

加入一个新团队，找到以下片段：

const bookListContainer = (location, cb) => {
    require.ensure([], require => {
        cb(null, require('somepath').default)
    }, 'bookList')
}

<Route path="/" component={App}>
    <Route path="home" component={HomeComponent} />
    <Route path="bookList/:bookId" getComponent={bookListContainer} />
</Route>

component和getComponent之间有什么区别？对于bookListContainer，它究竟做了什么？无法理解require.ensure()

感谢

Answer 1

我建议您阅读代码拆分：https://webpack.github.io/docs/code-splitting.html

您将在那里学习一些重要的概念来理解这段代码。

问候！

Answer 2

这是一种通过将路由拆分为单独的捆绑包来异步加载路由的方法。

路由匹配时会激活

getComponent，因此需要该捆绑包所需的内容bookList

这是一种有助于缩短应用程序初始加载时间的方法。

在React with Redux中，这个片段是什么意思？

2 个答案: