按照budle-loader插件的配置说明,配置后,懒加载是可以了。但是页面在使用动态路由的时候,会导致整个组件重新渲染,代码和截图如下:
懒加载的classify路由组件
Bundle.jsx配置
classify组件使用动态路由
出现的问题,当点击左侧动态路由菜单时,会导致整个组件重新渲染,左侧的菜单栏也会重新渲染,滚动条重新回到顶部。测试了一下,当不使用懒加载模式的时候不会出现这种问题,如图:
此外,如果使用了react-hot-loader这个插件,对于懒加载的组件会有一个警告如图:
有尝试过其他的router4.0的解决方案,貌似没有效果,暂时这两个问题都没有解决,还请解决过的大神帮助一下,感激不尽。