---
title: "Better webpack build outputs with webpack-dashboard"
description: "The use of webpack-dashboard for a cleaner and more organized command-line output during Webpack builds is explained. This tool provides an interactive summary of important build information."
slug: better-webpack-build-outputs-with-webpack-dashboard
date: 2022-06-22
url: https://mfyz.com/?p=751
tags:
  [
    "webpack",
    "webpack-dashboard",
    "build tools",
    "javascript",
    "developer tools",
    "cli",
  ]
category: Back-End
migration: { "wpId": 751, "wpPostDate": "2022-06-22T00:39:13.000Z" }
---

When working on a javascript application (i.e: a react app), you probably work with webpack. Your local development setup will most likely be watching changes on your files and doing repeat builds throughout the development process.

It’s important to get used to webpack output. Being able to pick up important details from it. Webpack output is not particularly difficult but there is a cleaner, more organized way, using webpack-dashboard.

Webpack-dashboard is an interactive command line output that gives you the summary and important stuff you need to see about your build quickly.

![](/images/archive/en/2022/06/68747470733a2f2f692e696d6775722e636f6d2f714c3664584a642e706e67.png)

[https://github.com/FormidableLabs/webpack-dashboard/](https://github.com/FormidableLabs/webpack-dashboard/)