gulp-cssnano - Minify CSS with cssnano.

  •        109

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

https://github.com/ben-eb/gulp-cssnano

Dependencies:

buffer-from : ^1.0.0
cssnano : ^3.0.0
object-assign : ^4.0.1
plugin-error : ^1.0.1
vinyl-sourcemaps-apply : ^0.2.1

Tags
Implementation
License
Platform

   




Related Projects

cssnano - A modular minifier, built on top of the PostCSS ecosystem.

  •    CSS

A modular minifier, built on top of the PostCSS ecosystem. cssnano is a modern, modular compression tool written on top of the PostCSS ecosystem, which allows us to use a lot of powerful features in order to compact CSS appropriately.

css-minification-benchmark - A comparison of CSS minifiers for node.js

  •    CSS

A comparison of CSS minification engines. Most of the time crass comes first although clean-css, cssnano and csso come close. Test the minifiers with your CSS to find what works best for you.

gulp-clean-css - Minify css with clean-css.

  •    Javascript

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

  •    Javascript

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

gulp-htmlmin - Minify HTML

  •    HTML

gulp plugin to minify HTML. Issues with the HTML parser and output must be reported on the html-minifier issue tracker.


csso - CSS minifier with structural optimizations

  •    Javascript

CSSO (CSS Optimizer) is a CSS minifier. It performs three sort of transformations: cleaning (removing redundant), compression (replacement for shorter form) and restructuring (merge of declarations, rulesets and so on). As a result your CSS becomes much smaller. Warning: CSSO uses early versions of CSSTree that still in active development. CSSO doesn't guarantee API behind syntax field or AST format will not change in future releases of CSSO, since it's subject to change in CSSTree. Be carefull with CSSO updates if you use syntax API until this warning removal.

gulp-useref - Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets

  •    Javascript

Inspired by the grunt plugin grunt-useref. It can handle file concatenation but not minification. Files are then passed down the stream. For minification of assets or other modifications, use gulp-if to conditionally handle specific types of assets. Changes under the hood have made the code more efficient and simplified the API. Since the API has changed, please observe the usage examples below.

gulp-autoprefixer - Prefix CSS

  •    Javascript

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.

awesome-postcss - A curate list about PostCSS

  •    Shell

An selected list of PostCSS resources and other things related. PostCSS does is provide a css parser and a framework for creating plugins that can analyse, lint, handle assets, optimise, create fallbacks, and otherwise transform parsed css. PostCSS parses css into an abstract syntax tree AST, passes it through a series of plugins, and then concatenates back into a string.

gulp-svgmin - Minify SVG files with gulp.

  •    Javascript

Minify SVG with SVGO. If you have any difficulties with the output of this plugin, please use the SVGO tracker.

gulp-imagemin - Minify PNG, JPEG, GIF and SVG images

  •    Javascript

Issues with the output should be reported on the imagemin issue tracker.🦄 Support my open-source work by buying this awesome video course: Learn to build apps and APIs with Node.js by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.

gulp-uglify - Minify files with UglifyJS

  •    Javascript

Minify JavaScript with UglifyJS3. To help properly handle error conditions with Node streams, this project recommends the use of pump. For more information, see Why Use Pump?.

gulp-purifycss - Removed unused CSS with the gulp build tool

  •    Javascript

Removed unused CSS with the gulp build tool

phulp - The task manager for php

  •    PHP

Sometimes I need a tool like Gulp for my PHP projects, but I don't want to install npm only to install Gulp. I thought "I need something like Gulp, but in PHP". After a little research I found Phing, but it's not focused in minification and management for CSS/JS and related frontend stuff. Well, I decided to write Phulp, the PHP port of Gulp! And a little curiosity: it's faster than Gulp.

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

gulp-tutorial - Code examples for my Gulp.js tutorial series

  •    Javascript

These are the files for my series Introduction to Gulp.js published on my website stefanimhoff.de. Open gulp/config.js and change settings if needed. Only the rsync settings need to be adjusted. Change the destination to a path on your webserver and change hostname and username.

postcss-cssnext - :cyclone: PostCSS plugin to use tomorrow's CSS syntax, today.

  •    Javascript

PostCSS plugin to use tomorrow’s CSS syntax, today. PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.

gulp-inline-css - Inline linked css in an html file. Useful for emails.

  •    Javascript

Inline your CSS properties into the style attribute in an html file. Useful for emails. Inspired by the grunt plugin grunt-inline-css. Uses the inline-css module.