Minifier of js, css, html and img
npm install minify[NPMIMGURL]: https://img.shields.io/npm/v/minify.svg?style=flat
[BuildStatusURL]: https://github.com/coderaiser/minify/actions
[BuildStatusIMGURL]: https://github.com/coderaiser/minify/workflows/CI/badge.svg
[LicenseIMGURL]: https://img.shields.io/badge/license-MIT-317BF9.svg?style=flat
[NPM_INFO_IMG]: https://nodei.co/npm/minify.png?stars
[NPMURL]: http://npmjs.org/package/minify
[LicenseURL]: https://tldrlegal.com/license/mit-license "MIT License"
[CoverageURL]: https://coveralls.io/github/coderaiser/minify?branch=master
[CoverageIMGURL]: https://coveralls.io/repos/coderaiser/minify/badge.svg?branch=master&service=github
Minify - a minifier of js, css, html and img files.
To get things done Minify uses these amazing tools:
- ✅ @putout/minify;
- ✅ html-minifier-next;
- ✅ clean-css;
- ✅ lightningcss;
- ✅ css-base64-images;
For Node users:
``sh`
npm i minify -g
For Deno users:
`js`
import {minify} from 'npm:minify';
`sh`
Usage: minify [options]
Options:
-h, --help display this help and exit
-v, --version display version and exit
--js minify javascript
--css minify css
--html minify html
--auto auto detect format
The bash command below creates a code snippet saved as hello.js.
Simply copy + paste the code starting with cat, including the EOT on the last line, and press
`sh
$ cat << EOT > hello.js
const hello = 'world';
for (let i = 0; i < hello.length; i++) {
console.log(hello[i]);
}
EOT
`
Use the command minify followed by the path to and name of the js file intended to be minified. This will minify the code and output it to the screen.
`sh`
$ minify hello.js
var a='world';for(let i=0;i
You can capture the output with the following:
`sh`
$ minify hello.js > hello.min.js
You can pass input using cat:
`sh`
cat << EOT | bin/minify.js --js
> const hello = 'world';
>
> for (let i = 0; i < hello.length; i++) {
> console.log(hello[i]);
> }
> EOT
var a='world';for(let i=0;i
Minify can be used with async-await and try-to-catch:
`js
import {minify} from 'minify';
import {tryToCatch} from 'try-to-catch';
const options = {
html: {
removeAttributeQuotes: false,
removeOptionalTags: false,
},
};
const [error, data] = await tryToCatch(minify, './client.js', options);
if (error)
return console.error(error.message);
console.log(data);
`
For cli use these options can be provided in a JSON file named .minify.json like so:
`json`
{
"js": {
"type": "putout",
"putout": {
"quote": "'",
"mangle": true,
"mangleClassNames": true,
"removeUnusedVariables": true,
"removeConsole": false,
"removeUselessSpread": true
}
},
"img": {
"maxSize": 4096
},
"html": {
"removeComments": true,
"removeCommentsFromCDATA": true,
"removeCDATASectionsFromCDATA": true,
"collapseWhitespace": true,
"collapseBooleanAttributes": true,
"removeAttributeQuotes": true,
"removeRedundantAttributes": true,
"useShortDoctype": true,
"removeEmptyAttributes": true,
"removeEmptyElements": false,
"removeOptionalTags": true,
"removeScriptTypeAttributes": true,
"removeStyleLinkTypeAttributes": true,
"minifyJS": true,
"minifyCSS": true
},
"css": {
"type": "clean-css",
"clean-css": {
"compatibility": "*"
}
}
}
Minify walking up parent directories to locate and read it’s configuration file .minify.json.
In section related to js you can choose type of minifier:
- putout; (default);
- terser;
- esbuild;
- swc;
When you want to pass options to terser, use section with the same name, .minify.json will look this way:
`json``
{
"js": {
"type": "terser",
"terser": {
"mangle": false
}
}
}
MIT