利用 React/Redux/React-Router 4/webpack 开发大型 web 项目时如何按需加载

作者/分享人:爱死费崇政
向 Ta 提问
以后端语言Java入行,曾在苏州智康担任Java中级研发工程师,后转向全栈研发工程师,主要利用mybatis、spring4、freemaker、jQuery等来开发web项目。目前在福建榕基从全栈工程师转向web架构师,活跃于CSDN,现主要研究前端技术,开发所有项目所依赖的基础支撑平台,指导各部门前端技术路线并推行用react技术栈开发web应用实现前后端完全分离模式。
  1. 如何设计一个大型 web 项目?
  2. React + webpack 如何按需加载?
  3. React + React-Router 4 + webpack 如何按需加载?
  4. React + Redux + React-Router 4 + webpack 如何按需加载?

实录提要:

  • bundle-loader 和 Webpack 内置的 import() 有什么区别?
  • 按需加载能否支持通过请求后台数据,动态配置页面的的应用场景?
  • 参与过几个 React 项目,被依赖包搞的晕晕的,不知道该怎么选择?
  • 什么包应该放到 devDependencies 里面?什么包放到 depedencies 里面?
  • 为什么是 react-router-redux 而不是传统的 react-redux,其优势是什么?
  • 按需加载时,每个单独的 bundle 都挺大的,为什么?
  • ECMAScript 每年出一个版本,对应的 babel 也有一大堆,应该如何选择?
  • 单页项目过大,怎么拆分不同模块页面到不同 js 来动态加载?
已有413人预订
预订达标
文章出炉
交流日期
     
17.11.08
17.11.21
17.11.29 20:30
查看文章评论/提问
俊余
您好,请问这三种方法有何区别,react+rouer4 +webpack 的话选择哪种比较好
爱死费崇政: 选择第二种即可,其实本质上都是按需在主页面上的head标签里拼接<script>标签来动态加载所需的js文件,因为react-router4没有了异步getComponent方法,所以可以使用官方提供的bundle.js,先展示初始的一个视图,然后根据执行完所属的js文件后来改变bundle.js这个组件的state,从而变成你目标组件视图。
蓝染
参与过几个react项目,被依赖包搞的晕晕的,不知道该怎么选择,能不能详细介绍一下
蓝染
现在ECMAScript每年出一个版本,对应的
蓝染
babel也有一大堆,应该如何选择呢
你可能还喜欢
关于为何以及如何阅读源码的一点心得
追梦
从零开始,轻松打造你的聊天机器人
微软公开课
每周一个机器学习小项目001:全链接层实现与分类问题
如是
通过前端团队管理谈谈技术管理的技法与思想
常新居士
朋友圈爆款背后的计算机视觉技术与应用
AI科技大本营
为什么说 Java 程序员到了必须掌握 Spring Boot 的时候?
纯洁的微笑
微信扫描登录