Saltar al contenido principal

Frontend watch

Abrir en ChatGPT

El proceso de observación de frontend reconstruye las fuentes en src/main/frontend mientras la aplicación se está ejecutando y envía la salida al navegador. Es el lado de desarrollo del bundler de frontend y requiere que webforj.devtools.livereload.enabled esté activado, consulta la configuración.

Ejecutando la vigilancia

Ejecuta el objetivo watch antes del objetivo que inicia la aplicación. Un proyecto arquetipo establece esto como su objetivo predeterminado, por lo que mvn sin argumentos ejecuta ambos:

mvn compile webforj:watch spring-boot:run
mvn compile webforj:watch jetty:run

Para ejecutar la vigilancia como un paso de construcción independiente, consulta Construcción y pruebas.

Cómo se aplica la salida

La acción del navegador depende de la salida producida, no del archivo editado:

SalidaAcción del navegador
Hoja de estilos, de una fuente .css, .scss, .sass o .lessAplicada en su lugar. Sin recarga, los datos del formulario y la posición de desplazamiento permanecen.
ImagenIntercambiada en su lugar. Sin recarga.
Cualquier otra salida, como .ts, .tsx o .js compiladosLa vista se recarga.

Cuando una reconstrucción produce varios archivos, el navegador los aplica en su lugar solo si cada archivo califica. De lo contrario, se recarga una vez, por lo que un cambio nunca se aplica parcialmente.

Durante un reinicio del servidor

Un cambio en Java sin una herramienta de hotswap reinicia el servidor. A través del reinicio:

  • Los estilos aplicados permanecen en la página.
  • Un indicador muestra mientras el servidor está inactivo. Aparece solo para un reinicio, no para una recarga manual.
  • La página se recarga cuando la aplicación está lista, no antes.

Una adición o eliminación de @BundleEntry tiene efecto cuando ese reinicio se completa.