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来生成。
网友评论