在代码中使用webpack来作为构建工具,使用npm run server也就是webpack server的时候,会启动一个开发服务器,会运行类似于打包的行为(在这里我们比喻成打包),转换成可以直接运行的代码,这写代码不会生成文件,而是会运行在内存中,然后webpack会给你一个本地的地址,可以直接在浏览器中访问,比如localhost:3000等等,当你访问到这个地址的时候,浏览器会请求开发服务器(也叫做 dev server),然后开发服务器会请内存之前打包过可以直接运行的代码,然后返还给浏览器运行
而实时更新是当我们的代码发生变化,webpack帮我们在打包一次,浏览器是怎么知道我们更改了代码呢?这时webpack就会用到websocket来进行通知浏览器我们代码发生变化了,重新运行新的代码,在运行在重新运行时,更新分为两种模式,第一种是吧浏览器真正的刷新一遍,第二种是热更新(HMR)
标签：浏览器,预览,代码,webpack,Webpack,打包,服务器,运行 From： https://blog.csdn.net/m0_74545388/article/details/139579903