# Nice webpack terminal UI (webpack-dashboard)

**URL:** https://discourse.roots.io/t/nice-webpack-terminal-ui-webpack-dashboard/8961
**Category:** sage
**Tags:** sage9
**Created:** 2017-03-02T11:54:10Z
**Posts:** 3

## Post 1 by @nathobson — 2017-03-02T11:54:10Z

Kinda pointless but may appeal to some. Formidable Labs have released a pretty cool (depends on how you define cool :grinning:) Webpack module called Webpack Dashboard:

 ![](https://discourse.roots.io/uploads/default/original/2X/3/30361d491b1402307ae66b2cb4a2888619c2b5fb.png)

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

Pretty ease to integrate using their readme but in summary:

1. Run `npm install webpack-dashboard --save-dev`
2. Add `const DashboardPlugin = require('webpack-dashboard/plugin');` to `assets/build/util/webpack.config.js`
3. Add `new DashboardPlugin()` within `plugins:` in `assets/build/util/webpack.config.js`
4. Open up `package.json` in the root of the the sage theme and within `"scripts"` add `webpack-dashboard --` to the beginning of any of the tasks you wish to run within the dashboard. For example `"start": "webpack-dashboard -- webpack --hide-modules --watch --config assets/build/webpack.config.js",` would mean `yarn run` will now use the dashboard.

As I said, kinda pointless but it does make everything slightly more digestible/fun :slight_smile:

---

## Post 2 by @aaroneight — 2017-03-02T20:41:35Z

This is great! And thanks for the install guide specific to Sage! Made it super easy to setup. Thanks for finding and sharing.

---

## Post 3 by @growdigital — 2017-03-07T21:01:32Z

That _is_ cool :sunglasses: