¿Cómo evitan los desarrolladores front-end la necesidad de seguir vaciando la memoria caché del navegador al realizar cambios durante el desarrollo de activos como scripts y hojas de estilo?

La respuesta es muy simple: utilice un marco que distinga adecuadamente entre entornos de desarrollo y producción .

Ya sabes realmente lo que eso significa: cuando estás en modo de desarrollo , tu servidor debería recargar totalmente una página por completo, siempre . Las hojas de estilo CSS y los archivos JavaScript deben tener una marca de tiempo adjunta al final del archivo cuando se sirve, para que el navegador se vea obligado a volver a cargarlos cada vez .

Además, cuando está en modo de producción , todo debe almacenarse en caché y hacerse ir muy rápido. Archivos JavaScript, hojas de estilo CSS, todo.

No es bien conocido, pero tal diferenciación entre los modos de producción y desarrollo fue en realidad una de las motivaciones centrales para construir Rails . Si Ruby es lo tuyo (ciertamente es mío), entonces definitivamente deberías echarle un vistazo. Dicho esto, probablemente también hay marcos en otros lenguajes como Python que lo hacen bastante bien . No lo sabría, pero estoy seguro de que están ahí afuera.

Me sorprende que esto no se haya mencionado: en Chrome puede abrir herramientas de desarrollo, dirigirse a la configuración y deshabilitar la caché desde allí.

También hay un buen complemento para Chrome que volverá a cargar la página cada vez que guarde un archivo.

Te diré lo que hago: he configurado Prepos para ver todos los archivos Dev, y se canaliza en CSS nuevo cada vez que se actualizan los archivos CSS. Esto sucede casi en tiempo real; la página ni siquiera se vuelve a cargar, solo se intercambia el CSS.

Prepos también mira otros archivos y vuelve a cargar el navegador cuando cambian los archivos js o template. Muy rapido. Muy agradable.

Hay otras herramientas que hacen esto también, takrenner como Gulp y Grunt. Pero prefiero algo con una interfaz visual, más intuitiva y manejable. Pruébalo, es muy barato por la funcionalidad que ofrece (que incluye compiladores sass, transpile javascript y muchas otras cosas. Y hay una versión de prueba gratuita, así que échale un vistazo).