1. gulp-cssnano
Minify CSS with cssnano.
gulp-cssnano
Package: gulp-cssnano
Created by: ben-eb
Last modified: Sun, 17 Dec 2023 06:25:17 GMT
Version: 2.1.3
License: MIT
Downloads: 141,740
Repository: https://github.com/ben-eb/gulp-cssnano

Install

npm install gulp-cssnano
yarn add gulp-cssnano

gulp-cssnano Build Status NPM version Dependency Status

Minify CSS with cssnano.

Install

With npm do:

npm install gulp-cssnano --save-dev

Example

 var gulp = require('gulp');
var cssnano = require('gulp-cssnano');

gulp.task('default', function() {
    return gulp.src('./main.css')
        .pipe(cssnano())
        .pipe(gulp.dest('./out'));
});

Source Maps

gulp-cssnano supports gulp-sourcemaps:

 var gulp = require('gulp');
var cssnano = require('gulp-cssnano');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('default', function () {
    return gulp.src('main.css')
        .pipe(sourcemaps.init())
        .pipe(cssnano())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./out'));
});

Contributing

Pull requests are welcome. If you add functionality, then please add unit tests
to cover it.

License

MIT © Ben Briggs

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code