安裝yeoman(腳手架工具)
npm install -g yo
npm install -g generator-react-webpack
2.創建項目並進入項目根文件夾
運行一下命令：yo react-webpack
3.啓動服務
npm start/npm run serve/npm run dev
關於generator-react-webpack2.0版，目錄結構大變樣，已經是只需要webpack就能啓動項目，我理了一下其目錄。
|____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件，用於統一編碼風格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這裏存放webpack配置 | |____base.js webpack基礎配置 | |____defaults.js webpack一些其他的默認配置 | |____dev.js 測試環境的webpack配置，啓動npm run start的時候會使用這份webpack設置。 | |____dist.js 線上環境的webpack配置，啓動npm run dist的時候會使用。 | |____test.js 做單元測試的時候使用，npm run test |____dist webpack輸出目錄 | |____README.md | |____static | | |____favicon.ico | | |____README.md |____karma.conf.js 單元測試配置文件 |____npm-debug.log 日誌文件 |____package.json 重要！包結構配置文件，並且存放了啓動腳本，npm script |____server.js node服務器，用於本地啓動這個項目，正是這個腳本啓動了webpack編譯。 |____src 源代碼目錄 |____test 單元測試目錄 |____webpack.config.js 重要，webpack配置文件入口