Gulps.js html файлы?

Question

[Breeze1]

Подскажите пожалуйста, при запуске gulp watch, автоматом открывается index.html в браузере, если у меня не один html файл, как мне изменить загрузку нужного мне html ?

gulp.task('watch', ['sass', 'scripts', 'browser-sync'], function() {
gulp.watch('app/sass/**/*.sass', ['sass']);
gulp.watch(['libs/**/*.js', 'app/js/common.js'], ['scripts']);
gulp.watch('app/*.html', browserSync.reload);
});

Comments

[Сергей delphinpro]

назовите ваш файл home.html
browserSync будет открывать собственный index.html со списком всех файлов в директории. Вы сможете просто кликнуть по нужному, чтобы открыть

[Breeze1]

Сергей: Сергей, добрый вечер. Я делал как вы говорили, но к сожалению в браузере я получаю вот это "Cannot GET /"

[Сергей delphinpro]

Breeze1: значит что-то делаете неправильно

[Сергей delphinpro]

Лично я проксирую через browserSync локальный домен, в корне располагаю index.php, который генерит удобную страницу со списком файлов.

Answer 1

[eustatos]

Первый вариант, в настройках browser-sync в gulpfile.js указать страницу, которая должна открываться при выполнении gulp watch

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

// Static server
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./",
            index: "other.html"
        }
    });
});

Вариант второй, указать в адресной строке нужную страницу. И если она находится в пределах baseDir, то при изменении файлов браузер будет перезагружать ее автоматически.

Comments

[Breeze1]

Спасибо, вы очень меня выручили )