react(一) 安装依赖并配置

一.解决几个不明白的点：

1.       什么是 webpack dev server

         是一个轻量的node.js express服务器，实现了 webpack 编译代码实时输出更新。

 

2.       什么是 web dev middleware

           是 WebPack 的一个中间件。它用于在 Express 中分发需要通过WebPack 编译的文件。单独使用它就可以完成代码的热重载（hotreloading）功能。

 

3.       什么是 webpack hot middleware

          它通过订阅 Webpack 的编译更新，之后通过执行 webpack 的HMR api 将这些代码模块的更新推送给浏览器端。

 

4.       什么是 HMR

          HMR 即 Hot Module Replacement 是Webpack 一个重要的功能。它可以使我们不用通过手动地刷新浏览器页面实现将我们的更新代码实时应用到当前页面中。

 

HMR 的实现原理是在我们的开发中的应用代码中加入了 HMR Runtime，它是HMR 的客户端（浏览器端 client）用于和开发