webpack/hot/dev-server是什么意思？

Question

// webpack.config.dev.js

entry: {
  'webpack/hot/dev-server'
}

我现在知道的是webpack/hot/dev-server可以配合webpack-dev-server实现HMR
那webpack/hot/dev-server具体起到的是什么作用呢？是不是只能配合webpack-dev-server使用呢？
实现HMR的另一种方式是webpack-dev-middleware和webpack-hot-middleware，这种情况下会用到webpack/hot/dev-server吗？

Answer 1

1.webpack-dev-server = express/koa + webpack-dev-middleware + webpack-hot-middleware
2.webpack/hot/dev-server配置在entry里，其实最后是打包在浏览器里加载运行的，作为客户端和webpack-hot-middleware交互
3.应该是不管哪种方式，客户端都需要webpack/hot/dev-server的
4.可参看https://zhuanlan.zhihu.com/p/...

Answer 2

简单说就是开启一个服务器，vue-cli默认用的是express作为服务器，本质还是node提供的网络模块。使用WebSocket网路协议实现服务端和浏览器客户端的通信。因为WebSocket允许服务器主动发送信息给客户端。
然后结合webpack提供的webpack-dev-middleware，webpack-hot-middleware中间件实现热重载功能。
最终达到提高开发时的体验和效率。