Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
Community Plugin
View plugin on GitHub

Gatsby Plugin Webpack Size

NPM   NPM downloads

Implements CI friendly bundle size logging for your production builds.

Screenshot

☁️ Installation

npm i gatsby-plugin-webpack-size

🛫 Setup

Add 'gatsby-plugin-webpack-size' to the plugins in your gatsby-config.js file.

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

⚙️ Configuration

The only custom option implemented is development. All other options are passed to the size-plugin.

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-webpack-size`,
      options: {
        // Set to true to show bundle sizes in development mode as well
        development: true
      }
    }
  ]
}
© 2022 Gatsby, Inc.