Живая перезагрузка страницы браузера. Грунт и Бродяга

извините за ошибки, которые я сделал, я не англичанин.

Итак... Во-первых, у меня есть машина Vagrant, которая является моим веб-сервером с установленными Yii, Ngnix, PHP и т. д. Виртуальная машина настроена следующим образом:

private_network, 192.168.10.10
forwarded_port, guest: 80, host: 8080
synced_folder "www", "/srv/www", :nfs => true # !important

Во-вторых, у меня есть Grunt, который установлен на моем локальном компьютере и выполняет некоторые задачи (просматривает файлы *.scss и преобразует их в css) в корневом каталоге веб-сайта, который синхронизируется с Vagrant через демон nfs.

Я успешно выполняю свои задачи и подключаюсь к моему веб-корню через браузер (localhost: 8080), и все работает нормально. Однако я не понимаю, как я могу реализовать простую перезагрузку страницы браузера, когда Grunt просматривает мои файлы scss и заканчивает преобразовывать их в один файл css.

Может ли кто-нибудь дать мне несколько мыслей на простом английском языке?


php vagrant gruntjs yii grunt-contrib-watch
person Timur Fayzrakhmanov    schedule 16.01.2014    source источник
comment
Взгляните на это, не знаю, одно и то же, но stackoverflow.com/questions/19382708/   -  person Jompper    schedule 16.01.2014
comment
Спасибо, но это другое..   -  person Timur Fayzrakhmanov    schedule 17.01.2014

Ответы (2)


arrow_upward
1
arrow_downward

Вы захотите добавить плагин для браузера в свой браузер, а затем часы уведомят об этом. Дополнительная информация здесь внизу: http://24ways.org/2013/grunt-is-not-weird-and-hard/

person acorncom    schedule 16.01.2014
comment
Я пробовал это (вариант livereload с помощью grunt-contrib-watch), но, к сожалению, это не работает( Тем не менее большое спасибо! Хорошая статья! - person Timur Fayzrakhmanov; 17.01.2014
comment
@TimurFayzrakhmanov предположение, почему это может не работать. Могут ли ваши брандмауэры (на вашей основной машине или на вашей бродячей машине) блокировать передачу уведомления о часах? - person acorncom; 17.01.2014
comment
@TimurFayzrakhmanov Да, может быть проблема в этом. feedback.livereload.com/ база знаний/статьи/ stackoverflow.com/questions/19268136/ - person acorncom; 17.01.2014

arrow_upward
0
arrow_downward

Я решаю проблему, просто перезапуская браузер! Это небольшая инструкция:

  1. Грунтфайл:

    watch: {
    scss: {
        files: '<%= path.webapp %>/**/*.scss',
        tasks: ['sass'],
        options: {
            livereload: true, //! important
        },
    },
}

  2. Добавьте плагин livereload в Chrome. После ЗАКРЫТЬ БРАУЗЕР!

  3. Запустите задачу в командной строке: grunt watch
  4. Запустите браузер. И нажмите на кнопку с кружком livereload в верхней части окна.
  5. Вуаля! Оно работает.

ВАЖНО: нет причин беспокоиться о порте и адресе вашего «удаленного» сервера, livereload волшебным образом определяет, где нужно перезапустить страницу. У меня работает как localhost:8080/webapp.com и 192.168.10.10/webapp.com одинаково

person Timur Fayzrakhmanov    schedule 17.01.2014