第02节、构建：generator-react-webpack

最近公司又开始了新的项目，所以博客更新会不那么及时，另外晚上回家还在看 HTTP 相关的知识，整理的都是相关的东西。React当然还会继续更新。好了，废话不多说。

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

优点介绍：

• 基于webpack构建，可以很容易的配置自己需要的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

1	mkdir new - react - demo

进入这个文件夹

1	cd new - react - demo

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

1	yo react - webpack

用npm start就可以查看效果了。

总结：generator-react-webpack更容易配置webpack，让你适应你的实际项目，并且有很强的扩展功能。