基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + 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 + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第1张图片

效果图

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第2张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第3张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第4张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第5张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第6张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第7张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第8张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第9张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第10张图片

基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用_第11张图片

你可能感兴趣的:(基于react + redux + immutable + less + scss + ES6/7 + webpack + fetch + react-router的英雄联盟战绩查询应用)