Centralized data layer for multiple content sources or frameworks. Dive deep into Valhalla

ContactSign Up for Free
Community Plugin
View plugin on GitHub


Build Status License NPM Downloads NPM Version Dependency Status Code Style

A Gatsby plugin to easily minify all output HTML files.


$ npm install gatsby-plugin-minify

# or yarn
$ yarn add gatsby-plugin-minify


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

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


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


  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!


MIT © 汪磊

© 2022 Gatsby, Inc.