项目可以进行开发了，但是开发过程中，我们可以设置更多的东西来帮助我们开发更方便快捷。
1、及时打包
|
1 |
webpack --watch |
每次修改js文件，都要运行webpack打包，因为html中引用的是这个打包后的文件，所以很不方便，执行这个命令后，在js中做任何修改保存后都会自动打包
2、实时刷新浏览器
|
1 2 3 |
webpack-dev-server //Project is running at http://localhost:8081/ |
运行后打开http://localhost:8081/ 就能看到自己的项目运行效果。
版本不同可能会有两个问题，一个是running的路径后面会有文件夹路径，另一个是页面总是会有一个“app ready”的提示栏，可以用下面的方法
|
1 |
webpack-dev-server --contentbase src --inline --hot |
这样，你就可以在双屏下，一边写代码一边预览效果了
在webpack3.0之后有个修改：webpack-dev-server –content-base –inline –hot，默认是当前目录，另外一点很重要，配置文件的entry路径必须是绝对路径：entry: __dirname+”/src/js/root.js”，同时要新增publicPath配置
|
1 2 3 4 5 6 7 |
context: __dirname+'/src', entry: __dirname+"/src/js/root.js", //已多次提及的唯一入口文件 output: { path: __dirname+'/src/', //打包后的文件存放的地方 publicPath: '/src/', filename: "bundle.js" //打包后输出文件的文件名 }, |
3、最后补充一个常用react插件：React Developer Tools
方便查看和搜索react原始结构，可能需要翻墙。