DEV Community

Cover image for Analyze and optimize your webpack build with webpack-report
Deep Patel
Deep Patel

Posted on

Analyze and optimize your webpack build with webpack-report

Introducing webpack-report.Webpack build analysis tool. it gives a detailed report for assets, modules and chunks so you can easily optimize your webpack build.

Features

  • describe your project information like dependency, dev-dependency etc.
  • show webpack build information like warnings, error, build time etc.
  • detailed Assets, Modules and chunks information with interactive graphs.

Dashboard

Dashboard

Assets

Assets

Modules

Modules

Chunks

Chunks

Installation

  • Download and install npm package
#NPM
npm install webpack-report

#YARN
yarn add webpack-report

Usage

const WebpackReport = require('webpack-report');

module.exports = {
  plugins: [
    new WebpackReport()
  ]
}

Webpack Report is an open-source project. you can also contribute to this project. Github Link

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay