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>
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',
comments: true,
removeZeroUnits: true
});
console.log(code);
You can also watch files :
import { watch } from 'style.min.css';
watch({
dir: './less',
lang: 'less',
outDir: './css',
pattern: (file) => file.endsWith('.less'),
onChange: (oldFile, newFile) => console.log(oldFile, newFile),
});
watch({
dir: './scss',
lang: 'scss',
outDir: './css',
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.6
- Add: keywords
- Fix: unpkg file not found
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
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