webpack"--watch"vs"--hot":有什么区别？

Question

使用之间有什么区别

webpack --watch

和

webpack-dev-server --hot

谢谢.

Answer 1

根据webpack文档@ https://webpack.github.io/docs/tutorials/getting-started/#watch-mode

使用监视模式时,webpack会将文件监视器安装到编译过程中使用的所有文件.如果检测到任何更改,它将再次运行编译.启用缓存后,webpack会将每个模块保留在内存中,并在未更改时重复使用.

所以,基本上,运行之间的差别webpack,并webpack --watch是,在使用--watch,您的CLI将在编译过程中等待你的文件中的任何代码更改后挂机,如果有变化的话,那将重新编译并再次等待.您应该知道,如果您使用的是webpack-dev-server,那么您不需要使用此选项,因为默认情况下webpack-dev-server根据其文档使用webpack的监视模式:

开发服务器使用webpack的监视模式.它还可以防止webpack将生成的文件发送到磁盘.相反,它保留并从内存中提供结果文件.

那么,是什么webpack-dev-server --hot？基本上,这会添加HotModuleReplacementPlugin到webpack配置中,这实际上只允许您重新加载已更改的组件,而不是执行整页刷新!在与州合作时非常有用!根据文件:

每种模式还支持热模块替换,其中通知捆绑包发生更改而不是整页重新加载.然后,热模块替换运行时可以加载更新的模块并将其注入正在运行的应用程序中.

有关它是什么以及如何在此处使用它的更多信息:https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement

我希望这有助于更多地理解webpack!

Answer 2

简而言之，

--watch意思是：监视文件变化，当源文件变化时重新编译。

--hot（热重载）的意思是：源更改后不重新加载整个页面，只重新加载更改的部分。