zoukankan      html  css  js  c++  java
  • 【webpack】热更新

    当更改代码时,浏览器请求了这两个文件。如下例:

    json文件中的c表示更新的模块,对应的值为true

    h对应的是本次热更新生成的hash值,这将作为下次热更新的标识

    本次修改的代码,重新打包编译之后,在文件中,重新请求了useEffect需要请求的接口

    热更新实际上就是通过webSockets,将服务端的更新推送到客户端。

    热更新过程

    webpack的compiler将文件打包输出为bundle.js

    bundle.js因bundle server 的存在,能通过localhost直接在浏览器访问

    代码更新后,compiler将打包结果发送到HMR server

    HMR server将热更新的文件发送给HMR runtime

    当开启热更新时 HMR runtime将热更新的文件注入到bundle.js中,webSockets监听到服务器的变化通信,更新文件的变化

  • 相关阅读:
    仙人球的残影
    Calculate the formula
    自定义代码段
    getter-setter方法练习
    封装
    Xcode文档安装
    Xcode模板修改
    匿名对象
    OC多文件开发介绍
    #pragma mark指令
  • 原文地址:https://www.cnblogs.com/ashen1999/p/14866793.html
Copyright © 2011-2022 走看看