workbox - webpack service worker



paquete web "--watch" vs "--hot": ¿cuál es la diferencia? (1)

De acuerdo con la documentación del paquete web @ https://webpack.github.io/docs/tutorials/getting-started/#watch-mode

Cuando se utiliza el modo de visualización, webpack instala los observadores de archivos en todos los archivos, que se utilizaron en el proceso de compilación. Si se detecta algún cambio, se ejecutará la compilación de nuevo. Cuando el almacenamiento en caché está habilitado, el paquete web mantiene cada módulo en la memoria y lo reutilizará si no se modifica.

Entonces, básicamente, la diferencia entre la ejecución del webpack y el webpack --watch es que al usar --watch, su CLI se bloqueará después del proceso de compilación en espera de cualquier cambio de código en sus archivos y si hay un cambio, entonces se volverá a compilar y espera otra vez. Debe tener en cuenta que si está usando webpack-dev-server, entonces no necesita usar esta opción porque webpack-dev-server usa el modo de visualización de webpack de forma predeterminada de acuerdo con su documentación:

El servidor dev usa el modo de reloj del webpack. También evita que el paquete web emita los archivos resultantes en el disco. En su lugar, mantiene y sirve los archivos resultantes de la memoria.

Entonces, ¿qué es webpack-dev-server --hot ? Básicamente, esto agrega el HotModuleReplacementPlugin a la configuración del paquete web, que esencialmente le permitirá volver a cargar el componente que se modificó en lugar de hacer una actualización completa de la página. ¡Bastante útil cuando estás trabajando con estados! Según la documentación:

Cada modo también es compatible con el reemplazo del módulo activo en el que se notifica al paquete que ocurrió un cambio en lugar de una recarga de la página completa. Un tiempo de ejecución de reemplazo de módulo caliente podría cargar los módulos actualizados e inyectarlos en la aplicación en ejecución.

Más información sobre qué es y cómo usarlo aquí: https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement

Espero que esto ayude a entender un poco más el webpack!

¿Cuál es la diferencia entre usar

webpack --watch

y

webpack-dev-server --hot

Gracias.





webpack