A
A
Andrey Dobrin2019-03-01 07:06:42
gulp.js
Andrey Dobrin, 2019-03-01 07:06:42

Why is the server not starting in Gulp4?

The problem is this:
There is an assembly

var gulp                = require('gulp'), 
      sass                 = require('gulp-sass'), 
      browserSync   = require('browser-sync'), 
      concat             = require('gulp-concat'),
      uglify              = require('gulp-uglifyjs'), 
      cssnano           = require('gulp-cssnano'), 
      rename           = require('gulp-rename'),
      del                  = require('del'), 
      imagemin       = require('gulp-imagemin'),
      pngquant        = require('imagemin-pngquant'),
      cache              = require('gulp-cache'), 
      autoprefixer    = require('gulp-autoprefixer');

gulp.task('sass', function() { 
    return gulp.src(['app/sass/**/*.sass', 'app/sass/**/*.scss']) 
        .pipe(sass()) 
        .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true })) 
        .pipe(gulp.dest('app/css'))
        .pipe(browserSync.reload({stream: true}))
});

gulp.task('browser-sync', function() { 
    browserSync.init({ 
        server: { 
            baseDir: 'app'
        },
        notify: false
    });
});

gulp.task('scripts', function() {
    return gulp.src([
        'app/libs/jquery/dist/jquery.min.js',
        'app/libs/magnific-popup/dist/jquery.magnific-popup.min.js'
        ])
        .pipe(concat('libs.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('app/js')); 
});

gulp.task('code', function() {
    return gulp.src(['app/*.html', 'app/pug/**/*.pug'])
    .pipe(browserSync.reload({ stream: true }))
});

gulp.task('css-libs', function() {
    return gulp.src('app/css/libs.css')
        .pipe(cssnano()) 
        .pipe(rename({suffix: '.min'})) 
        .pipe(gulp.dest('app/css'));
});

gulp.task('clean', async function() {
    return del.sync('dist'); 
});

gulp.task('img', function() {
    return gulp.src('app/img/**/*') 
        .pipe(cache(imagemin({ 
           .pipe(imagemin({
            interlaced: true,
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        })))
        .pipe(gulp.dest('dist/img')); 
});

gulp.task('prebuild', async function() {

    var buildCss = gulp.src([ 
        'app/css/main.css',
        'app/css/libs.min.css'
        ])
    .pipe(gulp.dest('dist/css'))

    var buildFonts = gulp.src('app/fonts/**/*')
    .pipe(gulp.dest('dist/fonts'))

    var buildJs = gulp.src('app/js/**/*') 
    .pipe(gulp.dest('dist/js'))

    var buildHtml = gulp.src('app/*.html')
    .pipe(gulp.dest('dist'));

});

gulp.task('clear', function (callback) {
    return cache.clearAll();
})

gulp.task('watch', function() {
    gulp.watch(['app/scss/**/*.sass', 'app/scss/**/*.scss'], gulp.parallel('sass'));
    gulp.watch(['app/*.html', 'app/pug/**/*.pug'], gulp.parallel('code'));
    gulp.watch(['app/js/*.js', 'app/libs/**/*.js'], gulp.parallel('scripts')); 
});

gulp.task('default', gulp.parallel('css-libs', 'sass', 'scripts', 'browser-sync', 'watch'));
gulp.task('build', gulp.parallel('prebuild', 'clean', 'img', 'sass', 'scripts'));

I'm going to run gulp watchand at the beginning it gives me
$ gulp watch
[09:52:21] Using gulpfile ~\******\******\Project\gulpfile.js
[09:52:21] Starting 'watch'...

Further waiting .. and nothing happens. What could be the problem?
A new version of Gulp has been released and I missed everything and don't know anything yet.
Thanks for your reply)

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question