资讯专栏INFORMATION COLUMN

基于react + redux + ES6 + webpack + react-router的英雄联

baishancloud / 980人阅读

摘要:技术栈按需加载热替换下载运行正常编译模式热替换编译模式访问发布生产版本,对代码进行混淆压缩,提取公共代码,分离文件启动生产包服务,代理演示请用的手机模式预览移动端扫描下方二维码效果图

技术栈:

react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router按需加载 + react-transform热替换 + webpack-dev-server + http-proxy-middleware

下载
 git clone https://github.com/wuchujiang/react-lol-spa.git

 cd react-lol-spa

 npm install 
运行(nodejs 6.0+)
 npm run dev (正常编译模式) 

 npm run hot (热替换编译模式)

 访问 http://localhost:8088
  
 npm run dist (发布生产版本,对代码进行混淆压缩,提取公共代码,分离css文件)

 node server_prd.js (启动生产包node服务,代理api)
演示

demo(请用chrome的手机模式预览)

移动端扫描下方二维码

效果图










文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82486.html

相关文章

  • ? 基于 react + react-router + redux 构建移动端微应用

    摘要:项目地址基于构建的移动端单页微应用,适合于核心概念的理解与掌握。前言这个项目是介于版本之后并且完全仿照功能设计的版本。但随之而来通常会有这样的疑问概念太多,并且都是分离的分文件。 react-mobile-starter 项目地址 基于 react + redux + react-router 构建的移动端单页微应用,适合于react、redux、react-router核心概念的理解...

    zhangke3016 评论0 收藏0
  • ? 基于 react + react-router + redux 构建移动端微应用

    摘要:项目地址基于构建的移动端单页微应用,适合于核心概念的理解与掌握。前言这个项目是介于版本之后并且完全仿照功能设计的版本。但随之而来通常会有这样的疑问概念太多,并且都是分离的分文件。 react-mobile-starter 项目地址 基于 react + redux + react-router 构建的移动端单页微应用,适合于react、redux、react-router核心概念的理解...

    lowett 评论0 收藏0
  • 一些基于React、Vue、Node.js、MongoDB技术栈实践项目

    摘要:利用中间件实现异步请求,实现两个用户角色实时通信。目前还未深入了解的一些概念。往后会写更多的前后台联通的项目。删除分组会连同组内的所有图片一起删除。算是对自己上次用写后台的一个强化,项目文章在这里。后来一直没动,前些日子才把后续的完善。 欢迎访问我的个人网站:http://www.neroht.com/ 刚学vue和react时,利用业余时间写的关于这两个框架的训练,都相对简单,有的...

    tangr206 评论0 收藏0
  • React+ Redux + React-route + Axios 实战,很适合进阶

    摘要:前言前段时间学习完了的基础自己网上找了一些实战项目做了几个感觉项目不是很全面就想做一个完整的项目来提升自己的水平以前学习的时候就看过大神的项目所以自己打算用重写它后端数据还是用实在没有精力撸后端感谢大神该项目是饿了么目前开发了登录注册购 前言 前段时间学习完了React的基础,自己网上找了一些实战项目,做了几个感觉项目不是很全面,就想做一个完整的项目来提升自己的React水平.以前学习...

    phpmatt 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<