基于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)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 北京时间10月1日,2017-18赛季季前赛揭幕战今天正式打响,金州勇士队主场以102比108不敌胜丹佛掘金。不过...
    coco9981阅读 3,047评论 0 2
  • # MVC ​框架的所有代码结构整合都是采用MVC的基础架构,这也是苹果iOS系统的基本架构。Controller...
    keldonwang阅读 2,642评论 0 0
  • 唐枝阅读 1,553评论 1 0
  • 自从回国,这恐怕是许若年最轻松的一段时间了,几乎停掉了所有行程的他,除了拍了三个已经签约的广告。剩下大把的时间,足...
    米来Mina阅读 3,017评论 0 1
  • 加入星姐的写作群,第一次尝试网络上日更,选择在简书记录,算是个新起点了。 初中高中一直在本子上写日记,大学的时候写...
    小小秋姑娘阅读 1,098评论 0 0