Important note on Gatsby v3:

This will not work with Gatsby v3 till the size-plugin supports Webpack v5.

Gatsby Plugin Webpack Size

Implements CI friendly bundle size logging for your production builds.

☁️ 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
      }
    }
  ]
}