react route 4 按需加载

Question

使用react-router4的按需加载，按照官方文档的设置login 和主页面进行分离，登录login 的时候我看了下，bundle.js文件也被加载了，怎么设置在直接进入分离出来的模块的时候，不去加载bundle文件

route.js

const Login = (props) => (
    <Bundle load={() => import('./components/login')}>
        {(Login) => <Login {...props} />}
    </Bundle>
)

const Admin = (props) => {
    return (
        <Bundle load={() => import('./components/admin')}>
            {(Admin) => <Admin {...props} />}
        </Bundle>
    )
}
class App extends Component {
    render() {
        return (
            <Switch>
                <Route path="/nest/app" component={Admin} />
                <Route path="/nest/login" exact component={Login} />

                {/* 重定向路由 */}
                {<Redirect from="/nest" to="/nest/app" />}
            </Switch>
        );
    }
}

Answer 1

好像是require.ensure吧

Answer 2

bundle是所有页面的通用js代码，不能不加载的，比如react.js库，你写的App class都是打包到bundle.js中的。按需加载，指的是按需加载不同route对应的代码，但bundle.js在任何一个route下都是需要的，当然是会被加载的。