Настройка LiveReload на сервере Gulp.js

Я пытаюсь настроить свою систему сборки, но у меня возникли проблемы с тем, чтобы заставить LiveReload работать с нужными мне файлами. Я включил свой текущий gulpfile ниже. Когда я запускаю команду gulp, я знаю, что сервер работает на «localhost: 35729/». Однако, когда я перехожу по адресу в своем браузере, я получаю это сообщение:

{"tinylr":"Welcome","version":"0.1.6"}

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

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var sass = require('gulp-ruby-sass');
var livereload = require('gulp-livereload');

function errorLog(error) {
    console.error.bind(error);
    this.emit('end');
}

// Scripts Task
// Uglifies
gulp.task('scripts', function(){
    gulp.src('js/*.js')
    .pipe(uglify())
    .on('error', errorLog)
    .pipe(gulp.dest('minjs'))
});

//SASS Task
//Compiles SASS
gulp.task('sass', function(){
    return sass('scss/*.scss', { style: 'compressed' })
    .on('error', errorLog)
    .pipe(gulp.dest('./css'))
    .pipe(livereload());
});

// Watch Task
// Watches JS and CSS
gulp.task('watch', function(){
     livereload.listen();
     gulp.watch('js/*.js', ['scripts']);
     gulp.watch('scss/*.scss', ['sass']);
});

gulp.task('default', ['scripts', 'sass', 'watch',]);

person ThorntonStuart    schedule 25.09.2015    source источник
comment
Вам удалось в этом разобраться?   -  person Pratheep    schedule 14.10.2015


Ответы (1)


Да, в конце концов я сделал. По сути, приложение LiveReload Chrome не будет отслеживать изменения в автономных файлах (т. е. в файлах, открытых прямо из своего каталога). Мое решение состояло в том, чтобы настроить веб-сервер MAMP с каталогом моих сайтов в качестве домашнего каталога. Затем я смог вместо этого открыть индексную страницу на веб-сервере и нажать кнопку LiveReload Chrome, которая начала отслеживать изменения.

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

person ThorntonStuart    schedule 16.10.2015