Как правильно настроить browser-sync для работы с большим проектом?

Question

[make_dev]

Добрый день! Подскажите, как правильно настроить browser-sync? Имеется крупный проект, в котором есть несколько html файлов. Папка sass, js, font - общие для этих html. При сборке browser-sync работает только с index.html, остальные страницы компилятся и переносятся в build, но при этом в browser-sync не открываются. И если переименовать index.html в другое название - browser-sync выдает ошибку cannot get.
До этого я работала с более мелкими проектами, в которых был только 1 index.html и таких вопросов не возникало.
Как вы работаете с проектами, в которых несколько html файлов? Как открыть несколько разных страниц из одного проекта в browser-sync?

Answer 1

[Олег]

Ну может вручную открыть в браузере нужную страницу?

Answer 2

[NoMoney]

Если я понял правильно (1 проект, 2 версии (dev, production), то просто создайте 2 таска для watch:

//...
const bs = require('browser-sync').create();
//...

gulp.task('watch', () => {
    //...
});

gulp.task('watch-build', () => {
    bs.init({
        server: './build',
    });

    gulp.watch('index.html').on('change', bs.reload);
    //...
});