React+Webpack+babel开发环境搭建

  折腾了很久才把React开发环境搭建起来，目前react最新的版本是0.14.7，jsx解析器也有了变化，有序jsx-loader已经不在提供支持，因此react采用babel-loader来编译jsx，不说了看操作：

1.首先需要安装node和npm这个我这里不在介绍，不会的可以到官网或者百度上看看，一大堆。

2.创建工程目录，

   

3.进入工程目录执行npm init创建package.json文件

3.安装webpack，webpack是react开发打包模块化管理的神器。

        npm install -g webpack --save-dev，这里采用全局安装

        npm install -g webpack-dev-server --save-dev

4.安装react，react-dom，babel-loader , babel-perset-es2015

        npm install --save react react-dom babel-preset-react babel-preset-es2015

5.创建webpack.config.js文件

6.创建src目录，并创建index.js入口文件，

7.在src创建子组件，Hello.js 文件如下：

8.创建文件index.html，

8.启动服务：运行：webpack-dev-server，访问http://localhost:8080/index.html

此时如果修改js文件，增加组件，服务器都能热编译。