基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用

技术栈:

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的手机模式预览)

移动端扫描下方二维码

《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》

效果图

《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》
《基于react + redux + ES6 + webpack + react-router的英雄联盟战绩查询应用》

    原文作者:w何去何从
    原文地址: https://segmentfault.com/a/1190000009076335
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞