tengo una aplicación web basada en react js, el problema es que cada vez que hay una nueva implementación, necesita hacer una actualización completa para ver el cambio implementado, lo cual es muy irritante para el cliente, solo pude ver dos opciones para solucionar esto

Lado del cliente

Modificar recursos externos agregando algunas cosas aleatorias como "script.js?ts=timestring"

O

Lado del servidor

Usando Web Pack para crear un paquete y modificando el nombre del archivo desde el lado del servidor por algunas cosas al azar

Ahora, ¿hay alguna otra forma de hacer esto? También en la solución del lado del cliente, estoy tratando de lograr esto.

volviendo a agregar los scripts cargados a la página de carga en index.html

 Array.from(document.querySelectorAll('script')).forEach(s => { var fileref = document.createElement('script'); fileref.setAttribute("type", "text/javascript"); fileref.setAttribute("src", s.src + "?ts=" + Date.now().toString()); document.getElementsByTagName("head")[0].appendChild(fileref); }

pero esta solución no funciona porque al agregar el script nuevamente, la aplicación se vuelve a procesar, lo que da como resultado una página en blanco

por favor, hágame saber qué mejor puedo hacer en ambos casos, ya sea manejarlo del lado del cliente del lado del servidor por webpack