How do I configure Gulp for minification?

How do I configure Gulp for minification?

To configure Gulp for minification, you'll need to install the necessary plugins like gulp-uglify for JavaScript and gulp-cssnano for CSS.

Can you show me a sample Gulpfile.js for this?

Sure! Here's a simple Gulpfile.js:

const gulp = require('gulp');
const uglify = require('gulp-uglify');
const cssnano = require('gulp-cssnano');

gulp.task('minify-js', function() {
    return gulp.src('src/js/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('minify-css', function() {
    return gulp.src('src/css/*.css')
        .pipe(cssnano())
        .pipe(gulp.dest('dist/css'));
});

gulp.task('default', gulp.parallel('minify-js', 'minify-css'));

What other plugins can I use for Gulp?

You can use plugins like gulp-sass for Sass compilation, gulp-imagemin for image optimization, and gulp-concat for file concatenation.

How do I run the Gulp tasks?

You can run the Gulp tasks by simply typing gulp in your terminal, which will execute the default task defined in your Gulpfile.js.