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

作者/分享人:爱死费崇政
以后端语言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 如何按需加载?
已有381人预订
预订达标
文章出炉
交流日期
     
11月08日
11月21日
11月29日 20:30
查看文章评论/提问
俊余
您好,请问这三种方法有何区别,react+rouer4 +webpack 的话选择哪种比较好
爱死费崇政: 选择第二种即可,其实本质上都是按需在主页面上的head标签里拼接<script>标签来动态加载所需的js文件,因为react-router4没有了异步getComponent方法,所以可以使用官方提供的bundle.js,先展示初始的一个视图,然后根据执行完所属的js文件后来改变bundle.js这个组件的state,从而变成你目标组件视图。
蓝染
参与过几个react项目,被依赖包搞的晕晕的,不知道该怎么选择,能不能详细介绍一下
蓝染
现在ECMAScript每年出一个版本,对应的
蓝染
babel也有一大堆,应该如何选择呢
你可能还喜欢
Service Mesh 在华为公有云的实践
田晓亮
从零开始,搭建 AI 音箱 Alexa 语音服务
Mike
Web 安全恩仇录:再谈逻辑漏洞
肖志华
编程和数学基础不佳如何入门人工智能?
赵宁|Neal
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限)
雅X共赏
智能增长:如何用大数据和人工智能实现业务体量的增长
蒋凡
微信扫描登录