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 :
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.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
- 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
toremoveZeroUnits
- Add: JSDoc comments
- Add: file() function
- Add: directory() function