Skip to content

whymarrh/metalsmith-html-minifier

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Metalsmith HTML Minifier

npm

A Metalsmith plug-in to minify HTML files using kangax/html-minifier.

Be aware that certain optimizations are enabled by default in this plug-in, some of which may not be what you want. Please read the documentation to ensure you understand what is happening to your markup and disable options as required.

Installation

The usual:

$ yarn add metalsmith-html-minifier

How do I use this thing?

A quick example:

const Metalsmith   = require("metalsmith");
const htmlMinifier = require("metalsmith-html-minifier");
Metalsmith(__dirname)
    .use(htmlMinifier()) // Use the default options
    .build();

The above will minify all the HTML files (files ending in .html) it processes. To provide a custom glob for files to minify:

const Metalsmith   = require("metalsmith");
const htmlMinifier = require("metalsmith-html-minifier");
Metalsmith(__dirname)
    .use(htmlMinifier({
        pattern: "**/*.html",
    }))
    .build();

You can also pass an array of globs to match filenames:

const Metalsmith   = require("metalsmith");
const htmlMinifier = require("metalsmith-html-minifier");
Metalsmith(__dirname)
    .use(htmlMinifier({
        pattern: ["**/*.html", "**/*.xhtml"],
    }))
    .build();

To pass options to the minifier (to enable or disable optimizations):

const Metalsmith   = require("metalsmith");
const htmlMinifier = require("metalsmith-html-minifier");
Metalsmith(__dirname)
    .use(htmlMinifier({
        minifierOptions: {
            removeComments: false,
            // etc.
        },
    }))
    .build();

Options

See Options Quick Reference for a full reference. The options passed to the plug-in are merged with the defaults below and passed to the minifier directly.

The following options are enabled by default. To disable any of these you will need to explicitly set them to false.

Option Description
collapseBooleanAttributes Omit attribute values from boolean attributes
collapseWhitespace Collapse white space that contributes to text nodes in a document tree
removeAttributeQuotes Remove quotes around attributes when possible
removeComments Strip HTML comments
removeEmptyAttributes Remove all attributes with whitespace-only values
removeRedundantAttributes Remove attributes when value matches default

Tests

To run the tests:

$ npm test

License

This software is released under the MIT License. See LICENSE.md for more information.

About

A Metalsmith plug-in to minify HTML files

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published