基于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](http://123.207.20.202:8088)(请用chrome的手机模式预览)

### 移动端扫描下方二维码

![](http://i1.piimg.com/567571/66cd864a1af2db0f.png)

## 效果图

![](http://i4.buimg.com/567571/03c016ef80dc0d5e.png)

![](http://i1.piimg.com/567571/230226ae9206b253.png)

![](http://i1.piimg.com/567571/33fb0e38bd00318b.png)

![](http://i2.muimg.com/567571/bee72c331169780b.png)

![](http://i2.muimg.com/567571/5b001b7710a8b22d.png)

![](http://i4.buimg.com/567571/d759556f2684557b.png)

![](http://i1.piimg.com/567571/4fc28bd8ad543fd1.png)

![](http://i2.muimg.com/567571/0fb6447c73e04ce5.png)

![](http://i4.buimg.com/567571/341f78ce416db761.png)

![](http://i2.muimg.com/567571/062be6237bd71f18.png)

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