快速搭建 React + webpack + ES6 项目

本 react 项目结合 babel 和 webpack-dev-server，可以转译所编写的ES6代码并且实现实时刷新，拯救你的 F5。

1，下载方法（本文中默认cmd定位到项目根目录）

1）复制我的项目地址git@github.com:Distribia/react.git，然后在你的项目根目录打开你的cmd，在命令行中输入git clone git@github.com:Distribia/react.git，等待几分钟后会自动把项目文件下载下来，文件名叫‘react’；

2）然后将‘react’文件里的所有文件剪切到你的项目的根文件下，然后删掉‘react’文件夹；

3)将命令行定位到你项目的根目录，输入npm install，然后程序将自动下载项目所依赖的插件，等待下载完毕后就能使用了。

2，项目介绍

1）本模板为 react+webpack+ES6 的结合项目；

2）已结完成基本的weback的配置，能实现对ES6的自动编译，文件监听及实时自动刷新；

3，使用方法

1）在cmd里输入webpack进行打包转译，完成后会在/build文件夹下面生成index.build.js文件；

2）在命令行里输入npm run dev，启动成功后在浏览器里输入localhost:8888，当你看到"Hello React!"后代表项目配置成功；

3）现在可以愉快的在/app文件夹下的index.js文件里编写你的JSX和ES6语言了！

4，扩展

如果你的入口文件不止一个，必须要稍微配置下你根目录里的webpack.config.js文件，比如添加一个叫main.js的文件到/app文件夹下面，webpack.config.js的修改如下：

//原本为：
entry: {
  index: __dirname + "/app/index.js"
},

//修改后：
entry: {
  index: __dirname + "/app/index.js"，
  main: __dirname + "/app/main.js"
},

修改后进行打包，完成后在/build目录下会生成main.build.js文件，将其引入/build下的别的HTML文件即可。

本文为帮助新手快速入门搭建react环境，如果还有疑问或者大神有什么建议，请留言，一定回复，本文长期更新~