Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-minify

Build Status License NPM Downloads NPM Version Dependency Status Code Style

A Gatsby plugin to easily minify all output HTML files.

Installation

$ npm install gatsby-plugin-minify

# or yarn
$ yarn add gatsby-plugin-minify

Usage

Include the plugin in your gatsby-config.js file.

module.exports = {
  plugins: [`gatsby-plugin-minify`]
}

options

If you need to pass options to html-minifier-terser use the plugins options, see html-minifier-terser docs for all available options.

// in gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-minify`,
      options: {
        removeAttributeQuotes: true
        // ...
      }
    }
  ]
}

default options:

const defaultOptions = {
  collapseWhitespace: true,
  minifyCSS: true,
  minifyJS: true,
  removeComments: true,
  removeEmptyAttributes: true,
  removeScriptTypeAttributes: true,
  removeStyleLinkTypeAttributes: true,
  processConditionalComments: true
}

Contributing

  1. Fork it on GitHub!
  2. Clone the fork to your own machine.
  3. Checkout your feature branch: git checkout -b my-awesome-feature
  4. Commit your changes to your own branch: git commit -am 'Add some feature'
  5. Push your work back up to your fork: git push -u origin my-awesome-feature
  6. Submit a Pull Request so that we can review your changes.

NOTE: Be sure to merge the latest from “upstream” before making a pull request!

License

MIT © 汪磊

© 2023 Gatsby, Inc.