nuxt-webpackdashboard

KO | EN

gitlite — search

#javascript #python #ruby #dotfiles #shell #hacktoberfest #library #c-plus-plus #php #java #bash #email

nuxt-webpackdashboard

★ 24 Open GitHub ↗

Webpack Dashboard integration for Nuxt

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Webpack Dashboard Module

> [Webpack Dashboard](https://github.com/FormidableLabs/webpack-dashboard) integration for [Nuxt](https://github.com/nuxt/nuxt.js)

## Install

Install the package:

```sh
yarn add nuxt-webpackdashboard -D
# or npm i nuxt-webpackdashboard -D
```

## Setup

- Add `nuxt-webpackdashboard` to `nuxt.config.js`:

```js
// nuxt.config.js

{
  modules: [
    'nuxt-webpackdashboard',
  ],
}
```

- In `package.json`, modify the dev script to run with webpack-dashboard:

```json
{
  "scripts": {
    "dev": "webpack-dashboard -- nuxt",
  },
}
```

## Options

[CLI options](https://github.com/FormidableLabs/webpack-dashboard#webpack-dashboard-cli) can be added in your `package.json`:

```json
{
  "scripts": {
    "dev": "webpack-dashboard -m -- nuxt",
  },
}
```

[Webpack plugin options](https://github.com/FormidableLabs/webpack-dashboard#webpack-plugin) can be passed to Webpack Dashboard in Nuxt config's modules sections:

```js
// nuxt.config.js

{
  modules: [
    ['webpackdashboard-module', {
      port: 3001,
    }],
  ],
}
```

Or by adding a `webpackDashboard` key:

```js
// nuxt.config.js

{
  webpackDashboard: {
    port: 3001,
  },
}
```

nuxt-webpackdashboard

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README