26构建：generator-react-webpack

react的生态圈非常庞大，第三方的构建工具也有很多种，下面介绍一个在业内比较流行的构建工具generator-react-webpack，它是需要yeoman的支持的。

优点介绍

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

安装

安装还是在命令行用npm进行安装，不过在全局安装generator-react-webpack之前，你可以先安装yeoman。命令如下：

npm install -g yo
npm install -g generator-react-webpack

创建目录

我们先用命令自行创建一个文件：new-react-demo

mkdir new-react-demo

进入这个文件夹

cd new-react-demo

用生成器生成我们的项目目录

yo react-webpack

用npm start就可以查看效果了

总结：generator-react-webpack更容易配置webpack，让你适应你的实际项目，并且有很强的扩展功能。一般我们团队都会使用这个脚手架来生产react的目录结构，但也有缺点，就是要依靠yeoman来生成。