Как использовать LiveReload без рельсов, чтобы обслуживать html в браузере

Я работаю над css и html простого веб-проекта.

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

Из описания на сайте livereload:

Что делает LiveReload?

LiveReload отслеживает изменения в файловой системе. Как только вы сохраняете файл, он подвергается необходимой предварительной обработке, и браузер обновляется.

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

Поскольку это не проект rails/sinatra, а просто простой html/css/js, что я могу использовать для перезагрузки в реальном времени?

Например. есть ли какой-нибудь легкий сервер в репозиториях драгоценных камней, который мог бы решить эту проблему для меня?


ruby web livereload
person jottr    schedule 06.03.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать катапульту, чтобы настроить простое приложение sprockets без Sinatra или Rails. Это просто статический сайт, который упрощает использование своего рода asset pipeline. Я использовал его много, и я люблю его.

Затем в свой Gemfile вы можете добавить gem 'guard-livereload' проект здесь.

Просто следуйте инструкциям по установке. Возможно, вам также придется проверить guard, чтобы все работало вместе.

Я предлагаю катапульту только потому, что она невероятно упрощает создание простого статического сайта с дополнительными преимуществами sprockets, coffeescript и вашей разновидности sass.

Чтобы сделать это без катапульты, просто запустите bundle init (при условии, что у вас установлен гем комплекта) в вашем корневом каталоге, который создаст файл Gemfile. Затем все, что вам нужно сделать, это добавить гем guard-livereload, как я писал выше.

наслаждаться

person mraaroncruz    schedule 06.03.2013
comment
Это именно то, что я искал! Я не знал, что можно использовать Gemfile через пакетную инициализацию, так что это было недостающее звено. - person jottr; 07.03.2013
comment
Я пробую ваше решение, и оно не работает... Я устанавливаю катапульту и создаю новый проект. Затем я создаю Guardfile с помощью guard init livereload, а затем изменяю его содержимое, чтобы он мог просматривать нужные файлы. И затем я запускаю catapult server и открываю http://localhost:9292, затем, когда я меняю файл, ничего не происходит. Кстати, я устанавливаю расширение для Chrome. - person aisensiy; 29.03.2013
comment
@aisensiy Вам нужно запустить bundle exec guard, чтобы сделать функцию защиты и перезагрузки. catapult server просто наблюдает за вашими активами, чтобы увидеть, нужно ли их снова компилировать, в то время как guard следит за изменениями, а затем запускает любые плагины Guard, которые вы используете (посмотрите на свой Guardfile, чтобы увидеть пути, которые он отслеживает). Я считаю, что запустить их обоих тоже было бы хорошо. - person mraaroncruz; 29.03.2013