/webpack/
HotModuleReplacementPlugin

  1. 概念
    1. 前言
    2. Webpack 入口起点(entry points)
    3. Webpack 输出(output)
    4. Webpack Loader
    5. Webpack Plugin
    6. Webpack 配置(Configuration)
    7. Webpack 模块(Modules)
    8. Webpack 模块解析(Module Resolution)
    9. Webpack 模块联邦(Module Federation)
    10. Webpack 依赖图(dependency graph)
    11. Webpack target
    12. Webpack manifest
    13. Webpack 模块热替换(hot module replacement)
    14. 为什么选择 webpack
    15. 揭示 Webpack 内部原理
  2. 指南
    1. 前言
    2. Webpack 起步
    3. Webpack 管理资源
    4. Webpack 管理输出
    5. Webpack 开发环境
    6. Webpack 代码分离
    7. Webpack 缓存
    8. Webpack 创建 library
    9. Webpack 环境变量
    10. Webpack 构建性能
    11. Webpack 内容安全策略
    12. Webpack 开发 - Vagrant
    13. Webpack 依赖管理
    14. Webpack 安装
    15. Webpack 模块热替换
    16. Webpack Tree Shaking
    17. Webpack 生产环境
    18. Webpack 懒加载
    19. Webpack ECMAScript 模块
    20. Webpack Shimming 预置依赖
    21. Webpack TypeScript
    22. Webpack Web Workers
    23. Webpack 渐进式网络应用程序
    24. Webpack 公共路径
    25. Webpack 集成
    26. Webpack 资源模块
    27. Webpack entry 高级用法
    28. Webpack thread-loader
  3. 配置
    1. 前言
    2. Webpack Configuration Languages
    3. Webpack Configuration Types
    4. Webpack 入口和上下文
    5. Webpack Mode(模式)
    6. Webpack Output(输出)
    7. Webpack Module(模块)
    8. Webpack Resolve(解析)
    9. Webpack Optimization(优化)
    10. Webpack Plugins(插件)
    11. Webpack DevServer
    12. Webpack Cache
    13. Webpack Devtool
    14. Webpack 构建目标(Targets)
    15. Webpack watch 和 watchOptions
    16. Webpack 外部扩展(Externals)
    17. Webpack Performance
    18. Webpack Node
    19. Webpack Stats 对象
    20. Webpack 实验特性(Experiments)
    21. Webpack 其它选项
  4. Loader
    1. 前言
    2. Webpack babel-loader
    3. Webpack coffee-loader
    4. Webpack css-loader
    5. Webpack exports-loader
    6. Webpack expose-loader
    7. Webpack html-loader
    8. Webpack imports-loader
    9. Webpack less-loader
    10. Webpack node-loader
    11. Webpack postcss-loader
    12. webpack remark-loader
    13. Webpack sass-loader
    14. Webpack source-map-loader
    15. Webpack style-loader
    16. Webpack stylus-loader
    17. Webpack thread-loader
    18. Webpack val-loader
  5. Plugin
    1. Webpack插件
    2. Community
      1. HtmlWebpackPlugin
      2. Webpack
        1. AutomaticPrefetchPlugin
          1. BannerPlugin
            1. EvalSourceMapDevToolPlugin
              1. HotModuleReplacementPlugin
                1. LimitChunkCountPlugin
                  1. MinChunkSizePlugin
                    1. NoEmitOnErrorsPlugin
                      1. PrefetchPlugin
                        1. ProfilingPlugin
                          1. ProvidePlugin
                            1. SourceMapDevToolPlugin
                              1. SplitChunksPlugin
                                1. WatchIgnorePlugin
                              2. API
                                1. Webpack：命令行接口（CLI）
                                2. Webpack：Node 接口
                                3. Webpack：Stats Data
                                4. Webpack-dev-server API
                                5. Webpack：Hot Module Replacement
                                6. Webpack：Loader Interface
                                7. Webpack：Logger 接口
                                8. Webpack Modules
                                  1. Webpack：模块方法
                                    1. Webpack：模块变量
                                    2. Webpack Objects
                                      1. Webpack：Compilation Object
                                      2. Webpack Plugins
                                        1. Webpack：compiler 钩子
                                          1. Webpack：compilation 钩子
                                            1. Webpack：ContextModuleFactory Hooks
                                              1. Webpack：JavascriptParser Hooks
                                                1. Webpack：NormalModuleFactory Hooks
                                                  1. Webpack：Plugin API
                                                    1. Webpack：解析器（Resolvers）
                                                  2. 迁移
                                                  阅读(705) 赞(7)

                                                  HotModuleReplacementPlugin

                                                  2023-05-22 10:26:33 更新

                                                  Hot Module Replacement，除此之外还被称为 HMR。

                                                  基本使用

                                                  启用 HMR 很容易，且在大多数情况下不需要任何配置。

                                                  new webpack.HotModuleReplacementPlugin({
  // Options...
});

                                                  Further Reading

                                                  • Concepts - Hot Module Replacement
                                                  • API - Hot Module Replacement


                                                  ← EvalSourceMapDevToolPlugin
                                                  LimitChunkCountPlugin →

                                                  推荐文章

                                                  推荐教程

                                                  技术文章