项目地址： https://github.com/Sakuyakun/Yorha-Boilerplate

Introduction

Yorha-Boilerplate 可能是最简单友好的 React 单页面开发环境

如果有错误或者好的建议请联系我，正在使用该环境开发组件库。

Feature

• 技术栈 ES6/7 Immutable React React-Redux5 React-Router4
• 可选用 SASS 或 Aphrodite，使用 PostCSS 进行处理
• 可选用 Immutable-pure-render 方案优化组件渲染
• 使用 React-With-Styles 方案处理配置主题色
• 使用 Webpack3 进行处理打包
• 使用 Hot Module Replacement 热加载
• 使用 ESlint 代码检测与 Prettier 格式化
• 启用 UglifyJS 代码压缩，文件后缀添加 MD5 缓存处理
• 启用 Webpack-Bundle-Analyzer 可视化工具分析打包大小

Directory Layout

├── dist                           # 打包输出目录
├── src
│   ├── component                  # 组件目录
│   ├── actions                    # Redux Actions 文件目录
│   ├── reducers                   # Redux reducers 文件目录
│   ├── assets                     # 资源目录
│   ├── themes                     # 主题样式目录
│   ├── template                   # 模板目录
│   ├── utils                      # Utility and helper classes
│   ├── views                      # 路由主页面
│   ├── entry.jsx                  # 入口文件
│   ├── routers.jsx                # React Router 路由文件
│   ├── normalize.scss             # normalize
│   ├── style.scss                 # 公共样式
│   └── withStyles.js              # withStyles
├── index.html                     # devServer 主页
├── package-lock.json              # package 锁文件
├── package.json                   # package
├── postcss.config.js              # postCSS 配置文件
├── webpack.config.js              # Webpack 基本配置
├── webpack.dev.config.js          # Webpack 开发环境配置
└── webpack.prod.config.js         # Webpack 部署环境配置

Run

npm run start 开发环境启动

npm run build 部署打包

npm run lint 代码检测