style.min.css

style.min.css

style.min.css is a js module that can minify css files.

Usage

import { minify } from 'style.min.css';

const { code } = await minify({
    source: `/* css */`,
    comments: false,
    removeZeroUnits: true
});

console.log(code);

You can use style.min.css directly in browser.

<script src="https://unpkg.com/style.min.css"></script>
<!-- ⚠️ You cannot use "lang" option in browser. -->

For format a css language on browser, you must preprocess it.

---

You can also use Scss or Less :

⚠️ You need node-sass and/or less for use this.

import { minify } from 'style.min.css';

const { code } = await minify({
    source: `/* scss */`,
    lang: 'scss', // or 'less' (default: 'css')
    comments: true,
    removeZeroUnits: true
});

console.log(code);

You can also watch files :

import { watch } from 'style.min.css';

watch({
    dir: './less',
    lang: 'less', // or 'scss' (default: 'css') ⚠️ You need `node-sass` and/or `less` for use this.
    outDir: './css',
    pattern: (file) => file.endsWith('.less'), // Optional (function or RegExp[])
    onChange: (oldFile, newFile) => console.log(oldFile, newFile), // Optional
    // ... inherited options from `minify` except `source`
});

watch({
    dir: './scss',
    lang: 'scss', // or 'less'
    outDir: './css', // You can use 2 watchs with same output dir
    pattern: [/\.s(c|a)ss$/],
    comments: true    
})

Table of compability

Fonctionnalities	Browser	Node.js
Minify CSS	✔️	✔️
Support of differents languages	❌	✔️
Watch directory	❌	✔️
Minify file	❌	✔️
Minify files in directory	❌	✔️
Minify a set of files	❌	✔️
Minify a set of directories	❌	✔️

Changelog

v0.0.5

• Add: Support for browsers

v0.0.4

• Add: directories() function
• Add: files() function
• Soon: Support for browsers
• Fix: some bugs

v0.0.3-min

I forgot to build TypeScript files...

v0.0.3

• Fix: calc() property

v0.0.2

• Fix: Broken zero unit (50% -> 50)
• Fix: Optionnals dependencies, before, on install, npm or yarn install all optionnals dependencies
• Fix: Node.js v10.x
• Rename: removeUselessUnits to removeZeroUnits
• Add: JSDoc comments
• Add: file() function
• Add: directory() function