run - Live recargar JavaScript en Chrome

enable javascript opera

Question

Sé que puede editar JS en vivo desde el panel Fuente de Chrome Developer Tools, y sé que hay sistemas para la recarga en vivo de CSS, pero puede volver a cargar JS desde la ubicación de origen (ya sea una URL o un disco local, o aprovechando Workspaces de alguna manera, o posiblemente incluso como un complemento de Chrome Developer Tools)? En particular, esto sería increíblemente útil para las configuraciones de CoffeeScript-to-JS.

Answer 1

Es sorprendentemente difícil encontrar a alguien más que intente hacer esto, considerando lo poderoso que sería.

He estado cerca de lograr la recarga automática en vivo de JS sin actualizar la página; esto es lo que hago:

1. En la pestaña de sources del inspector, haga clic con el botón derecho y elija " Agregar carpeta al área de trabajo ... "
2. Seleccione la carpeta local que contiene los .js que desea sincronizar y haga clic en [okay] Aceptar [okay] .
3. Haga clic con el botón derecho en el archivo .js anidado dentro de su nueva carpeta de área de trabajo y elija " Asignar a recurso de red ", luego seleccione el .js correspondiente en la página.
4. Realice cambios en el archivo .js local utilizando un editor externo.
5. Haga clic en el archivo .js en el inspector, asegurándose de que esté enfocado; esto activará una "Recompilación y actualización" y sus cambios se deben inyectar en la página.

El paso 5 es la parte que necesita ser automatizada, de alguna manera.

Si combina esto con un observador de archivos que automáticamente agrupa su aplicación en un solo archivo .js , puede acercarse a la recarga automática sin actualizar la página.

Answer 2

Sí, puedes hacerlo con grunt.js o gulp.js. Otras cosas como Codekit pueden hacer esto, al igual que un complemento para Chrome llamado LiveReload.