React快速构建脚手架

1、create-react-app

优点：

• 无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就可以上手开发项目。
• 高集成性：集成了对React，JSX，ES6和Flow的支持。
• 自带服务：集成了开发服务器，你可以实现开发预览一体化。
• 热更新：保存自动更新，让你的开发更简单。
• 全兼容性：自动处理CSS的兼容问题，无需添加-webkit前缀。
• 自动发布：集成好了发布成品功能，编译后直接发布，并且包含了sourcemaps功能。

安装：

windows系统下：

             npm install -g create-react-app

Liunx和Mac电脑下：

             sudo npm install -g create-react-app

创建项目：

　　　　create-react-app my-app

启动服务：

　　　　npm start

 

2、generator-react-webpack：需要yeoman支持

优点：

• 基于webpack构建，可以很容易的配置自己需要的webpack。
• 支持ES6，集成了Babel-Loader。
• 支持不同风格的CSS（sass，less，stylus）。
• 支持PostCSS转换样式。
• 集成了esLint功能。
• 可以轻松配置单元测试，比如Karma和Mocha

安装：

　　npm install -g yo

　　npm install -g generator-react-webpack

创建项目：

　　mkdir  react-demo

进去项目下，生成项目目录：

　　yo  react-webpack

启动：

　　npm  start