前面文章提到了Homebrew，npm，yarn，https://blog.csdn.net/a_horse/article/details/82291323
本文继续介绍一些常用的脚手架工具
一，webpack
1，WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用
2，竞争对手：Grunt以及Gulp
3，中文文档：https://www.webpackjs.com
4，安装webpack： npm install webpack --save-dev
Webpack 目前有两个主版本，一个是在 master 主干的稳定版，一个是在 webpack-2 分支的测试版，测试版拥有一些实验性功能并且和稳定版不兼容，在正式项目中应该使用稳定版。
5，检查webpack版本： npm info webpack
6，安装Webpack 开发工具： npm install webpack-dev-server --save-dev
二，Redux
Redux 是 JavaScript 状态容器，提供可预测化的状态管理
阮一峰博客：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
三，babel
babel官网正中间一行黄色大字写着“babel is a javascript compiler”，翻译一下就是babel是一个javascript转译器。为什么会有babel存在呢？原因是javascript在不断的发展，但是浏览器的发展速度跟不上。以es6为例，es6中为javascript增加了箭头函数、块级作用域等新的语法和Symbol、Promise等新的数据类型，但是这些语法和数据类型并不能够马上被现在的浏览器全部支持，为了能在现有的浏览器上使用js新的语法和新的数据类型，就需要使用一个转译器，将javascript中新增的特性转为现代浏览器能理解的形式。babel就是做这个方面的转化工作。
四，eject
五，eslint
六，fetch
七，Ajax
八，mockjs
九，成熟的工具：
- 阿里的dawn工具：https://github.com/alibaba/dawn
- Ant Design：https://ant.design/docs/react/introduce-cn
- Ant Design Mobile：https://mobile.ant.design/docs/react/introduce-cn
- Ant Design Pro：https://pro.ant.design/index-cn
- 阿里企业中后台UI解决方案Fusion：
- Fusion 站点：https://fusion.design/
- next github 仓库： https://github.com/alibaba-fusion/next
- 个人react方案：https://github.com/duxianwei520/react