项目地址： 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 代码检测