Глоток-подключение плагин connect.reload() не обновляется браузер для следующих угловой

Question

программы настройки структуры

Папки углового приложения:

src 
    client 
    app 
    assets 
    index.html 
    server 
gulpfile.js 

Я следующее задание создать сервер Dev и пытаюсь следить за изменениями в индексе. HTML и в случае изменения я пытаюсь перезагрузить страницу

gulp.task('dev-server',function(){ 
    connect.server({ 
    port: 8888, 
    livereload: true 
    }); 
    gulp.watch('./src/client/app/index.html', ['reload']); 
}); 

gulp.task('reload', function(){ 
    gulp.src('./src/client/index.html') 
    .pipe(connect.reload()); 
}); 

Текущее поведение: выполняемую задачу Dev-сервер создает сервер. И при изменении index.html запускается задача перезагрузки, как и ожидалось. Однако браузер не обновляется автоматически.

Вопрос 1. Как сделать автоматическое обновление окна браузера/конкретной вкладки при изменении?

Вопрос 2: при запуске localhost: 8888 он фактически открывает структуру папок в браузере, а оттуда я должен перейти к index.html вручную. Как я могу запустить index.html напрямую?

Answer 1

С fallback: './src/client/index.html' вы можете установить прямое открытие index.html. Но в моей локальной установке также не работала пещера. Не уверен, что случилось.

Я бы порекомендовал использовать browser-sync как ваш devel-сервер, потому что gulp-connect кажется устаревшим.

Тогда вы можете создать файл глотком, как это:

var gulp = require('gulp'); 
var browserSync = require('browser-sync'); 
var reload = browserSync.reload; 

// watch files for changes and reload 
gulp.task('serve', function() { 
browserSync({ 
    server: { 
     baseDir: 'src/client' 
    } 
}); 

gulp.watch(['*.html', 'styles/**/*.css', 'scripts/**/*.js'], {cwd: 'src/client'}, reload); 
}); 

gulp.task('default', ['serve']);