Живая перезагрузка JavaScript в Chrome

Я знаю, что вы можете жить-редактировать JS на панели "Исходный" в Chrome Developer Tools, и я знаю, что существуют системы для перепрограммирования в реальном времени CSS, но вы можете перезагрузить JS из исходного местоположения (либо URL-адрес, либо локальный диск или каким-либо образом использовать рабочие области или, возможно, даже как плагин для разработчиков Chrome)? В частности, это было бы безумно полезно для настроек CoffeeScript-JS.

Ответы

Ответ 1

На удивление трудно найти кого-то еще, пытающегося это сделать, учитывая, насколько мощным было бы.

Я подошел вплотную к автоматической перезагрузке JS без обновления страницы; вот что я делаю:

  • На вкладке sources инспектора щелкните правой кнопкой мыши и выберите " Добавить папку в рабочую область..."
  • Выберите в локальную папку, содержащую .js, которую вы хотите синхронизировать, и нажмите [okay].
  • Щелкните правой кнопкой мыши на файле .js, вложенном в вашу недавно добавленную папку рабочей области, и выберите " Карта для сетевого ресурса", затем выберите соответствующий .js со страницы.
  • Внесите изменения в локальный файл .js с помощью внешнего редактора.
  • Нажмите на файл .js в инспекторе, чтобы убедиться, что он имеет фокус; это вызовет "Перекомпиляцию и обновление", и ваши изменения должны быть добавлены на страницу.

Шаг 5 - это часть, которую нужно каким-то образом автоматизировать.

Если вы комбинируете это с файловым наблюдателем, который автоматически связывает ваше приложение в один файл .js, вы можете приблизиться к автоматической перезагрузке без обновления страницы.

Ответ 2

Да, вы можете сделать это с помощью grunt.js или gulp.js. Другие вещи, такие как Codekit, могут сделать это, а также дополнение для Chrome под названием LiveReload.