Webpack - [HMR]和[WDS]发射两次

Webpack是一个现代化的静态模块打包工具，它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。在Webpack中，[HMR]和[WDS]是两个常见的概念，它们分别代表热模块替换（Hot Module Replacement）和Webpack开发服务器（Webpack Dev Server）。

[HMR]是Webpack的一个功能，它允许在应用程序运行时替换、添加或删除模块，而无需完全刷新页面。这意味着在开发过程中，当你修改了一个模块的代码后，Webpack会自动将修改的模块替换到运行中的应用程序中，从而实现实时预览和快速开发。这对于前端开发人员来说非常有用，可以提高开发效率和调试体验。

[WDS]是Webpack的一个插件，它提供了一个开发服务器，用于在开发过程中快速启动和运行应用程序。它可以自动编译和重新加载修改后的代码，并在浏览器中实时显示更新。除了热模块替换外，Webpack开发服务器还提供了许多其他功能，如自动刷新页面、代理服务器、模块热替换等，可以极大地简化开发流程。

综上所述，[HMR]和[WDS]是Webpack中用于实现热模块替换和提供开发服务器的两个重要概念。它们可以帮助开发人员在开发过程中实时预览和快速调试应用程序，提高开发效率。如果你想了解更多关于Webpack的信息，可以参考腾讯云的Webpack产品介绍页面：https://cloud.tencent.com/product/webpack