热更新功能的实现

前言：

live server 是一个vs code的热更新插件。可以帮你在修改代码保存后，自动刷新页面，大大提升了我们开发的效率。

分析：

首先，我们要实现一个功能，页面如何知道我们的代码更改了？也就是如何实现我们的代码与浏览器页面通讯。我们很容易就能想到，使用websocket。 下面是具体的实现。
实现思路：
1、服务器使用node创建一个websocket服务
2、浏览器使用websocket与服务器进行通讯
3、双方通过对应api来进行数据交换。

实现：

1、开启一个http服务器

const http = require('http');
http.createServer((req,res)=> {
   
}).listen(3000) 

2、当访问服务器的3000端口时候，将我们的html页面推送过去

const filePath = '../src/index.html'
http.createServer((req,res)=> {