@mrgreeg7

Почему не работает сборка в один фаил на gulp?

Всем доброго времени суток, соединяю все js в один , у меня есть swiper папка там js файлы дня него, все js файлы соединились и wsiper тоже только он не хочет работать, в консоль ошибку не бьёт , в чём может быть проблема? И самое главное оно в common.js всё складирует но при этом не перезаписывает а просто вставляет копии , при запуске gulp появляется очередная копия js файлов !
5ebc12e3690a7375179986.jpeg
let gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync'),
    uglify = require('gulp-uglify'),
    concat = require('gulp-concat'),
    rename = require('gulp-rename'),
    pug = require('gulp-pug'),
    imagemin = require('gulp-imagemin');

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

})
gulp.task('imagemin', function() {
    return gulp.src('app/img/*')
        .pipe(imagemin())
        .pipe(gulp.dest('app/dist/images'))
});



gulp.task('scss', function() {
    return gulp.src('app/scss/**/*.scss')
        .pipe(sass({ outputStyle: 'compressed' }))
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('app/css'))
        .pipe(browserSync.reload({ stream: true }))
});


// Optimize images


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

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

});


gulp.task('script', function() {
    return gulp.src('app/js/*.js')
        .pipe(browserSync.reload({ stream: true }))

});


gulp.task('js', function() {
    return gulp.src([
            'app/js/*.js',
            'node_modules/slick-carousel/slick/slick.js',
            'node_modules/magnific-popup/dist/jquery.magnific-popup.js'
        ])
        .pipe(concat('common.js'))
        .pipe(gulp.dest('app/js'))
        .pipe(browserSync.reload({ stream: true }))
});





gulp.task('watch', function() {
    gulp.watch('app/scss/**/*.scss', gulp.parallel('scss'));
    gulp.watch('app/*.html', gulp.parallel('html'));
    gulp.watch('app/js/*.js', gulp.parallel('script'));
    gulp.watch('app/*.pug', gulp.parallel('pug'));
    gulp.watch('app/dist/images', gulp.parallel('imagemin'));

});


gulp.task('default', gulp.parallel('scss', 'js', 'browser-sync', 'watch'));
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы