webpack-dev-server的自动刷新是怎么实现的?

Answer 1

webpack-dev-server实际上使用的是一个nodejs做的服务，并且webpack-dev-server还会在我们的页面里注入一个client，这个client和nodejs的服务通过socket的方式做了个连接，就可以实现浏览器和nodejs服务进行通信了。webpack-dev-server这个服务同时还会监听本地文件的改动，当我们修改文件时nodejs就会得到通知，然后拿到最新的文件内容编译成新的模块结构，编译完成后再通知client做刷新页面的操作来请求最新的资源，这样就实现了修改文件后的自动刷新。