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

Я работаю над css и html простого веб-проекта.Как использовать LiveReload без рельсов, чтобы обслуживать html в браузере

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

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

Что LiveReload делать?

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

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

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

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

источник

2013-03-06 jottr

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

В вашем Gemfile вы можете добавить gem 'guard-livereload' проект here.

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

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

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

enjoy

источник

2013-03-06 20:09:37 mraaroncruz

Это именно то, что я искал! Я не знал, что можно использовать Gemfile через init, так что это недостающее звено. – jottr

Я пытаюсь ваше решение, и оно не работает ... Я устанавливаю катапульту и создаю новый проект. Затем я создаю Guardfile с помощью 'guard init livereload', а затем меняю его содержимое, чтобы он мог просматривать нужные файлы. И затем я запускаю «катапультный сервер» и открываю 'http: // localhost: 9292', тогда, когда я меняю файл, ничего не происходит. BTW, я устанавливаю расширение chrome. – aisensiy

@aisensiy Вам необходимо запустить 'bundle exec guard', чтобы сделать функцию защиты и функции загрузки. 'catapult server' просто наблюдает за вашими активами, чтобы посмотреть, нужно ли их компилировать снова, а сторожевые часы для изменений, а затем выполняет какие-либо защитные плагины, которые вы используете (посмотрите на свой файл Guard, чтобы увидеть его пути). Я считаю, что работать с ними обоим тоже будет хорошо. – mraaroncruz

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

ответ

Смежные вопросы