How can I automate CSS minification using Gulp?

How can I automate CSS minification using Gulp?

You can automate CSS minification in Gulp by using the 'gulp-clean-css' plugin. First, install it using npm.

What are the steps to set it up?

1. Install Gulp and gulp-clean-css. 2. Create a gulpfile.js. 3. Define a task to minify your CSS files.

Can you show me an example of the gulpfile.js?

Sure! Here's a simple example:

const gulp = require('gulp');
const cleanCSS = require('gulp-clean-css');

gulp.task('minify-css', () => {
    return gulp.src('src/css/*.css')
        .pipe(cleanCSS({ compatibility: 'ie8' }))
        .pipe(gulp.dest('dist/css'));
});

How do I run the Gulp task?

You can run the Gulp task by executing gulp minify-css in your terminal.