Gulp minify all css/js and move to folder with same structure?

Question

I've this chrome extension that I'm working on, is there anyway i can minify all css and js and move to the build folder without losing the structure?

gulp.task('clean', function() {
    return gulp.src('build/*', {read: false})
        .pipe(clean());
});

gulp.task('copy', function() {
    gulp.src('assets/fonts/**')
        .pipe(gulp.dest('build/fonts'));
    gulp.src('assets/images/**')
        .pipe(gulp.dest('build/images'));
    gulp.src('_locales/**')
        .pipe(gulp.dest('build/_locales'));
    return gulp.src('src/manifest.json')
        .pipe(gulp.dest('build'));
});

gulp.task('html', function() {
    return gulp.src('popup/*.html')
        .pipe(cleanhtml())
        .pipe(gulp.dest('build'));
});

gulp.task('scripts', ['jshint'], function() {
    gulp.src('/**/*.js')
        .pipe(gulp.dest('/**/*.js'));
    return gulp.src(['/**/*.js', '!/**/*.js'])
        .pipe(stripdebug())
        .pipe(uglify({outSourceMap: true}))
        .pipe(gulp.dest('build/**/*'));
});

currently this works for the css and other assets, but I cant figure out how to do it withe js as I have everything split up neatly in folders and components

I guess we need more info just than move to the build folder without losing the structure? — dippas
– dippas, Commented Jun 15, 2019 at 1:31

RAMe0 · Accepted Answer · 2019-06-17 12:36:52Z

1

I can't check it rigt now, but I think you shoud do this:

Get rid of first two lines in your scripts task they do nothing as I see.
Fix Task method from gulp. It accepts only 2 parameters: taskName and taskFunction.
Fix src. As I understand you are saying get all .js files, except all .js files so nothing will be piped.
gulp.dest path shoul look like build/ or build/js/.

Can you try this?

gulp.task('scripts', function() {
    return gulp.src(['/**/*.js'])
        .pipe(stripdebug())
        .pipe(uglify({outSourceMap: true}))
        .pipe(gulp.dest('build/js/'));
});

answered Jun 17, 2019 at 12:36

RAMe0

1,2773 gold badges20 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Gulp minify all css/js and move to folder with same structure?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related