本篇文章主要介绍了react 实现页面代码分割、按需加载的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

虽然一直有做 react 相关的优化，按需加载、dll 分离、服务端渲染，但是从来没有从路由代码分割这一块入手过，昨天在本地开发时没有测试成功，今天又搞了下，已经部署到线上环境了，今天就这个记录一下。 修改配置 开发环境：webpackv3 、react-routerv4 安装依赖： $ yarn add babel-plugin-syntax-dynamic-import -dev 修改 .babelrc 文件：在 plugins 中添加 “syntax-dynamic-import”