Grunt watch livereload не работает на MAMP

Я использую grunt и пытаюсь запустить задачу watch/livereload на моем локальном сервере (MAMP), но безуспешно.

Я вызываю задачу на основе файлов grunt HTML5 Boilerplate (https://github.com/h5bp/html5boilerplate.com/blob/master/Gruntfile.js, https://github.com/h5bp/html5boilerplate.com/blob/master/package.json).

Я также пытался внедрить Tiny-lr (https://github.com/mklabs/tiny-lr) тоже безуспешно.

Мои варианты подключения и просмотра прямо сейчас таковы:

connect: {
    options: {
        hostname: 'localhost', 
        livereload: 35729,
        port: 8888              
    },
    livereload: {
        options: {
            base: '../',
            open: true
        }
    },
},
watch: {
    files: '<%= settings.dir.src %>/**',
    less: {
      files: ['src/less/*.less'],
      tasks: ['less'],
    },
    options: {
        livereload: '<%= connect.options.livereload %>'
    },
    scripts: {
        files: ['<%= settings.dir.src %>/js/*.js', 'css/**/*.scss' ],
        tasks: 'default',
        options: {
            spawn: false,
        }
    }
}

И здесь я объявляю задачу разработчика:

// development task
grunt.registerTask('dev', [
  'connect:livereload',
  'watch'
]);

Когда я запускаю grunt dev, мой браузер открывается на http://127.0.0.1:8888/ и отображает только это: Cannot GET /

Мне нужно, чтобы мой браузер открывал http://localhost:8888/ctrl/ (ctrl — это имя проекта папки в MAMP, может быть что угодно), я думал, что изменение «базового» параметра было бы правильным, но нет, это не так, и я не могу добавить " /ctrl" ни на имя хоста, ни на порт.

Есть идеи? Спасибо

Вот ссылка на весь мой код: https://github.com/zolitariuz/ctrl


person Raúl De Zamacona    schedule 23.12.2013    source источник


Ответы (1)


я думаю, вы неправильно понимаете 2 задачи в grunt,

задача подключения используется для создания http-сервера, созданного узлом js, поэтому нет поддержки php или mysql, вы НЕ хотите запускать свой сайт WP через это.

задача наблюдения ищет изменения в файлах на ВАШЕМ компьютере, запускает соответствующую задачу после изменения файла, а затем запускает перезагрузку в реальном времени.

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

вам следует запустить локальный стек ламп для запуска wp, а затем запустить задачу наблюдения за изменениями файлов.

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

person gorhgorh    schedule 10.06.2014