GitHub:fay-react-redux-loadablereact
npm:@fay-react/react-redux-loadablewebpack
react&redux,针对react组件、reducer和sagas作了动态加载,code-spliting,写法简单,易于正式项目中使用git
好久以前有写过一些关于code-spliting的一些例子,随着技术库的发展,此次整理一个项目中使用的code-spliting,而且整合了redux,目前时间节点下的react版本为16.9.0。以前有用过react-loadable,不过已经好久没有维护了,其实主要是由于react本身自己已经有了lazy的api,并且webpack的import(/* webpackChunkName: "test" */'./views')
方式已经很好的解决的code-spliting的问题,鉴于webpack和redux官方文档中的code-splitting的方式,我本身整合了一份,好久以前写的那份是针对于那个时候没有第三方库对react&redux项目的code-spliting方案。github
代码在GitHub上,见标题下方的地址,使用方式很是简单,不须要你再去整合redux,同时也提供出了redux中间件的参数,方便加入相似于react-router之类的中间件,也提供了初始化reducer的参数,方便加入相似于react-router须要初始化的reducerweb
此库只是一个小小的整合,便于项目中使用,并不是含有原创技术,若是喜欢建议拷贝过去成为本身的项目,但愿喜欢这样的整合方式,有好的建议欢迎分享,共同进步npm