安装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就能启动项目，我理了一下其目录。

|____.babelrcES6配置文件|____.editorconfigEditorConfig插件配置文件，用于统一编码风格。|____.eslintrcESLint配置文件|____.gitignore需要git同步时忽略文件夹的配置文件|____.yo-rc.json未知|____cfg这里存放webpack配置||____base.jswebpack基础配置||____defaults.jswebpack一些其他的默认配置||____dev.js测试环境的webpack配置，启动npmrunstart的时候会使用这份webpack设置。||____dist.js线上环境的webpack配置，启动npmrundist的时候会使用。||____test.js做单元测试的时候使用，npmruntest|____distwebpack输出目录||____README.md||____static|||____favicon.ico|||____README.md|____karma.conf.js单元测试配置文件|____npm-debug.log日志文件|____package.json重要！包结构配置文件，并且存放了启动脚本，npmscript|____server.jsnode服务器，用于本地启动这个项目，正是这个脚本启动了webpack编译。|____src源代码目录|____test单元测试目录|____webpack.config.js重要，webpack配置文件入口