@Zbiten

Где я могу найти готовый таск для gulp-pug + browsersync?

Собственно вопрос в названии.
Нужен таск для автокомпиляции pug в html, плюс watch за всем этим делом.
Заранее благодарен!
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 1
  • werty1001
    @werty1001
    либеральный-левак
    Примерно так:
    // Require
    var gulp = require( 'gulp' );
    var pug = require( 'gulp-pug' );
    var browserSync = require( 'browser-sync' ).create();
    
    // Compile
    gulp.task( 'pug', function () {
      return gulp.src( 'pug/*.pug', { since: gulp.lastRun( 'pug' ) } )
      .pipe( pug() )
      .pipe( gulp.dest( './dist/' ) );
    });
    
    // BrowserSync
    gulp.task( 'browsersync', function () {
      browserSync.init({ server: './dist/' });
      return browserSync.watch( '**/*.*' ).on( 'change', browserSync.reload );
    });
    
    // Watch
    gulp.task( 'watch', function () {
    
      return gulp.watch( 'pug/*.pug', gulp.series( 'pug' ) );
    
    });
    
    // Default task
    gulp.task( 'default', gulp.series( 'pug', gulp.parallel( 'browsersync', 'watch' ) ) );
    
    // Пример для gulp#4.0
    Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Вакансии с Моего Круга Все вакансии
Заказы с Фрилансим Все заказы