上一节说了自己搭建react.js的基本开发环境搭建，初次使用react.js的时候搭建环境是个很麻烦的事情，如果是初次体验的话最后不要去自己搭建react.js的开发环境，可以使用facebook官方的环境搭建方式这样简单，方便可以快速的体验react.js。
下面说一下react.js环境搭建之后的更方便的用法，使用一个微型的node服务器来监听react.js项目代码变化，做到实时的刷新预览，不用再去每次使用webpack手动编译生成bundle.js再去刷新页面。
安装使用webpack的插件，webpack --watch和webpack-dev-server，前者是webpack监听自动编译生成bundle.js，后者是一个微型的node服务器用于实时的监听代码的更改，刷新页面进行预览
安装指令如下
install webpack --watch
上面指令执行之后效果如下
这个窗口会一直监听入口js代码的变化，每次代码更改之后这里就会重新编译生成bundle.js。下面继续使用刷新指令webpack-dev-server。上面的窗口保留，新开一个终端窗口，进入你的项目下面执行指令
webpack-dev-server
上面指令执行完成之后在浏览器的地址http://localhost:8080/webpack-dev-server/
上面地址就是打开你项目预览页面的，如果你想地址更简介一点，OK你可以换一天指令，结束终止上面的指令 webpack-dev-server --content-base src --inline --hot 执行这条指令你就可以在http://localhost:8080/ 下面查看你的项目来。
网友评论