gatsby-plugin-webpack-size

Logs your production bundle sizes in a CI friendly way

Usage no npm install needed!

<script type="module">
  import gatsbyPluginWebpackSize from 'https://cdn.skypack.dev/gatsby-plugin-webpack-size';
</script>

README

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