react的生態(tài)圈非常龐大，第三方的構(gòu)建工具也有很多種，下面介紹一個在業(yè)內(nèi)比較流行的構(gòu)建工具generator-react-webpack骂删，它是需要yeoman的支持的。
優(yōu)點介紹
- 基于webpack構(gòu)建德澈，可以很容易的配置自己需要的webpack
- 支持ES6，集成了Babel-Loader
- 支持不同的CSS風(fēng)格（sass, less, stylus）
- 支持PostCSS轉(zhuǎn)換樣式
- 繼承了eslint功能
- 可以輕松配置單元測試固惯，比如Karma和Mocha
安裝
安裝還是在命令行用npm進行安裝梆造，不過在全局安裝generator-react-webpack之前，你可以先安裝yeoman葬毫。命令如下：
npm install -g yo
npm install -g generator-react-webpack
創(chuàng)建目錄
我們先用命令自行創(chuàng)建一個文件：new-react-demo
mkdir new-react-demo
進入這個文件夾
cd new-react-demo
用生成器生成我們的項目目錄
yo react-webpack
用npm start就可以查看效果了
總結(jié)：generator-react-webpack更容易配置webpack镇辉，讓你適應(yīng)你的實際項目，并且有很強的擴展功能贴捡。一般我們團隊都會使用這個腳手架來生產(chǎn)react的目錄結(jié)構(gòu)忽肛，但也有缺點，就是要依靠yeoman來生成烂斋。
