@ne_pes

Почему не срабатывает gulp task?

Почему при вызове gulp pug не вызывается gulp prettyHtml?
gulp.task('prettyHtml', function () {
    gulp.src('app/*.html')
        .pipe(prettyHtml({indent_size: 4}))
        .pipe(gulp.dest('app/'));
});

gulp.task('pug', function(){
    return gulp.src("app/pug/**/*.pug")
        .pipe(plumber())
        .pipe(pug({
            pretty: true
         }))
        .pipe(gulp.dest("app/"))
        .pipe(prettyHtml())
        .pipe(browserSync.reload({stream: true}));
});
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
gulp.task('pug', function(){
    return gulp.src("app/pug/**/*.pug")
        .pipe(plumber())
        .pipe(pug({
            pretty: true
         }))
        .pipe(prettyHtml({
            indent_size: 4
        }))
        .pipe(gulp.dest("app/"))
        .pipe(browserSync.reload({stream: true}));
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Попробуй что-то вроде такого

const config = {
  html: ['app/*.html'],
  pug: ['app/pug/**/*.pug'],
};

const reload = () => browserSync.reload({ stream: true });

gulp.task('prettyHtml', function () {
    gulp.src(config.html)
        .pipe(prettyHtml({indent_size: 4}))
        .pipe(gulp.dest('app/'));
});

gulp.task('pug', function() {
    return gulp.src(config.pug)
        .pipe(plumber())
        .pipe(pug({ pretty: true }))
        .pipe(gulp.dest("app/"));
});

gulp.task('default', ['pug','prettyHtml'], function () {
  gulp.watch(config.pug, ['pug']).on('change', reload);
  gulp.watch(config.html, ['prettyHtml']).on('change', reload);
});

И нужно запускать default таску
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы