@types/clean-css

What is @types/clean-css?

@types/clean-css provides TypeScript type definitions for the clean-css library, which is a fast and efficient CSS optimizer for reducing the size of CSS files.

What are @types/clean-css's main functionalities?

Minify CSS

This feature allows you to minify CSS code, reducing its size and improving load times. The code sample demonstrates how to use clean-css to minify a simple CSS string.

const CleanCSS = require('clean-css');
const input = 'a { font-weight: bold; }';
const output = new CleanCSS().minify(input);
console.log(output.styles);

Advanced Optimizations

This feature provides advanced optimization options for more aggressive CSS minification. The code sample shows how to use level 2 optimizations to further reduce the size of the CSS.

const CleanCSS = require('clean-css');
const input = 'a { color: #ff0000; }';
const options = { level: 2 };
const output = new CleanCSS(options).minify(input);
console.log(output.styles);

Source Maps

This feature allows you to generate source maps for the minified CSS, which can be useful for debugging. The code sample demonstrates how to enable source map generation.

const CleanCSS = require('clean-css');
const input = 'a { font-weight: bold; }';
const options = { sourceMap: true };
const output = new CleanCSS(options).minify(input);
console.log(output.sourceMap);

Other packages similar to @types/clean-css

csso

CSSO (CSS Optimizer) is another CSS minifier that focuses on structural optimization of CSS. It offers similar functionalities to clean-css but with a different optimization algorithm.

uglifycss

UglifyCSS is a CSS minifier that is designed to be simple and fast. It provides basic minification capabilities similar to clean-css but lacks some of the advanced optimization features.

cssnano

cssnano is a modern CSS minifier that uses PostCSS to transform and optimize CSS. It offers a wide range of plugins for different optimization tasks, making it more flexible compared to clean-css.

README

Installation

npm install --save @types/clean-css

Summary

This package contains type definitions for clean-css (https://github.com/clean-css/clean-css).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/clean-css.

Additional Details

• Last updated: Mon, 20 Nov 2023 23:36:24 GMT
• Dependencies: @types/node, source-map

Credits

These definitions were written by Tanguy Krotoff, and Andrew Potter.