Gulp Browser Reload не работает - Использование часов на PUG - PullRequest
Новая
       47

Gulp Browser Reload не работает - Использование часов на PUG

0 голосов
/ 04 сентября 2018

У меня есть это gulpfile.babel.js все "работает" (страница загружается с изменениями), пока я не внесу другое изменение в какой-нибудь файл .pug, тогда [BrowserSync] останется на Reloading Browsers..., независимо от каких-либо других изменений 

import gulp from 'gulp';
import babel from 'gulp-babel';
import pug from 'gulp-pug';
import browserSync from 'browser-sync';
import sass from 'gulp-sass';
import postcss from 'gulp-postcss';
import cssnano from 'cssnano';

const server = browserSync.create();

const postCSSPlugins = [
  cssnano({
    core: false,
    autoprefixer: {
      add: true
    }
  })
];


gulp.task('es6', () =>
  gulp.src('./dev/js/*.js')
  .pipe(babel())
  .pipe(gulp.dest('./public/js'))
);

gulp.task('sass', () =>
  gulp.src('./dev/scss/styles.scss')
    .pipe(sass())
    .pipe(postcss(postCSSPlugins))
    .pipe(gulp.dest('./public/css'))
    .pipe(server.stream({match: '**/*.css'}))
);

gulp.task('pug', () => {
  gulp.src('./dev/pug/pages/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('./public/'))
});

gulp.task('default', () => {
  server.init({
    server: {
      baseDir: './public'
    }
  });
  gulp.watch('./dev/js/*.js', gulp.series('es6',[server.reload]));
  gulp.watch('./dev/pug/**/*.pug', gulp.series('pug', [server.reload]));
  gulp.watch('./dev/scss/**/*.scss', gulp.series('sass'));
});

А потом я должен запустить gulp default и внести изменения, чтобы увидеть изменения на странице, а затем при следующем изменении перестает работать

Кто-нибудь знает почему?

...