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

Question

[Oleg Sevoc]

Всем доброго времени суток, соединяю все js в один , у меня есть swiper папка там js файлы дня него, все js файлы соединились и wsiper тоже только он не хочет работать, в консоль ошибку не бьёт , в чём может быть проблема? И самое главное оно в common.js всё складирует но при этом не перезаписывает а просто вставляет копии , при запуске gulp появляется очередная копия js файлов !

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'));

Comments

[Спартак]

Поройся в моем файле,тут пути подключения уже настроены.

const {src, dest, watch, series} = require("gulp");
const browserSync = require('browser-sync').create();
const sass = require("gulp-sass");
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const minify = require('gulp-minify');
const htmlmin = require('gulp-htmlmin');
const tinypng = require('gulp-tinypng-compress');

// Static server
function bs() {
serveSass();
browserSync.init({
server: {
baseDir: "./"
}
});
watch("./*.html").on('change', browserSync.reload);
watch("./sass/**/*.sass", serveSass);
watch("./sass/**/*.scss", serveSass);
watch("./js/*.js").on('change', browserSync.reload);
};

function serveSass() {
return src("./sass/**/*.sass", "./sass/**/*.scss")
.pipe(sass())
.pipe(autoprefixer({
cascade: false
}))
.pipe(dest("css/"))
.pipe(browserSync.stream());
};

var gulp = require('gulp');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');

gulp.task('default', function () {
gulp.src('src/**/*css/')
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('dist'));
});

function buildCSS(done) {
src('css/**.css').pipe(cleanCSS({compatibility: 'ie8'})).pipe(dest('dist/css/'));
done();
}

function buildJS(done) {
src(['js/**.js', '!js/**.min.js'])
.pipe(minify({ext:{
min:'.js'
}
}))
.pipe(dest('dist/js/'));
src('js/**.min.js').pipe(dest('dist/js/'));
done();
}

function html(done) {
src('**.html').pipe(htmlmin({collapseWhitespace: true }))
.pipe(dest('dist/'));
done();
}

function php(done) {
src(['**.php '])
.pipe(dest('dist/'));
src('phpmailer/**/**')
.pipe(dest('dist/phpmailer'));
done();
}

function fonts(done) {
src('fonts/**/**')
.pipe(dest('dist/fonts'));
done();
}

function imagemin(done) {
src('img/**/**')
.pipe(tinypng({key: 'QNnlvB5HX75P0d3YMzB4545454dpTTjjqY6kN8X',}))
.pipe(dest('dist/img/'))
src('img/**/*.svg')
.pipe(dest('dist/img/'))
done();
}

exports.serve = bs;
exports.build = series(buildCSS, buildJS, html, php, fonts, imagemin);

[Dima Polos]

Собирайте вебпаком) простой конкатенацией не получится

[Арсений Матыцин]

Dima Polos, конкатенация в gulp работает, не надо заливать.

[Dima Polos]

Арсений Матыцин, в смысле заливать?)) ну работает, не отрицаю, сошьет все файлы в один, а import/export разрешит?