Minify

Minify - a minifier of js, css, html and img files. To use minify as middleware try Mollify.

Install

npm i minify -g

How to use?

CLI

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 .

$ 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.

$ minify hello.js
const hello="world";for(let l=0;l<hello.length;l++)console.log(hello[l]);

You can capture the output with the following:

$ minify hello.js > hello.min.js

Code Example

minify can be used as a promise:

const minify = require('minify');
const options = {
    html: {
        removeAttributeQuotes: false,
        removeOptionalTags: false
    },
};

minify('./client.js', options)
    .then(console.log)
    .catch(console.error);

Or with async-await and try-to-catch:

const minify = require('minify');
const tryToCatch = require('try-to-catch');
const options = {
    html: {
        removeAttributeQuotes: false,
        removeOptionalTags: false
    }
};

async () => {
    const [error, data] = await tryToCatch(minify, './client.js', options);
    
    if (error)
        return console.error(error.message);
    
    console.log(data);
}();

Options

The options object accepts configuration for html, css, js, and img like so:

const options = {
    html: {
        removeAttributeQuotes: false,
    },
    css: {
        compatibility: '*',
    },
    js: {
        ecma: 5,
    },
    img: {
        maxSize: 4096,
    }
}

Full documentation for options that each file type accepts can be found on the pages of the libraries used by minify to process the files:

• HTML: https://github.com/kangax/html-minifier
• CSS: https://github.com/jakubpawlowicz/clean-css
• JS: https://github.com/terser/terser
• IMG: https://github.com/Filirom1/css-base64-images

Minify sets a few defaults for HTML that may differ from the base html-minifier settings:

• 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

License

MIT