node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »

react_luo

React-Luo

Build Status codebeat badge PRs Welcome

构建 Start

npm install       # 安装依赖模块
npm run dev       # 运行开发环境,默认监听8888端口
npm run build     # 正式打包,用于生产环境

更新日志 Update log

  • 2017-10-13
    1.HMR热更新现在使用了webpack-dev-middleware 和 webpack-hot-middleware 的配置方式
    2.更合理的路由跳转方式
    3.其他包更新

  • 2017-10-11
    1.加入代码分割的例子,运用bundle-loader的懒加载方式
    2.babel-preset-env代替原来的其他babel插件

  • 2017-09-21
    1.主分支master也已升级为react-router 4.2
    2.其他包更新

  • 2017-09-13
    1.创建了新的分支 配置了react-router 4.0

  • 2017-09-07
    1.使用react-hot-loader 3.0.0 配置了HMR热替换,不再需要以前的静态资源预编译了
    2.配置了Antd自定义主题所需的代码,现在可以直接在package.json中的theme字段定义自己的Antd主题

特性 Characteristic

  • HMR局部热替换

  • HappyPack多线程编译

  • 最终打包后,会在/build文件夹下生成 index.html 和 /dist文件夹,这两个东西是最终需要的。

目录结构 structure

.
├── src                                 # 项目代码目录
│   ├── a_action                        # 所有的action
│   ├── a_component                     # 所有的UI类组件
│   ├── a_container                     # 所有的控制类组件
│   ├── a_reducer                       # 所有的reducer
│   ├── assets                          # 所有的图片、文件等资源
│   ├── css                             # 所有的样式文件
│   ├── route                           # 路由
│   ├── store                           # store数据中心
│   ├── util                            # 自定义工具
│   ├── app.js                          # 项目入口文件
│   ├── index.html                      # 开发环境所用的主页html文件
│   └── index_template.html             # 生产环境打包时所用的主页html文件

预览地址 Demo

http://isluo.com/work/react-luo/index.html