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

Question

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

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

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

Что делает LiveReload?

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

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

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

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

Answer 1

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

Тогда в вашем Gemfile можете добавить gem 'guard-livereload' проект здесь.

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

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

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

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