zahedbri / nuxt-webpackdashboard

Webpack Dashboard integration for Nuxt

Webpack Dashboard Module

Webpack Dashboard integration for Nuxt

Install

Install the package:

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

Setup

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

// nuxt.config.js

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

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

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

Options

CLI options can be added in your package.json:

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

Webpack plugin options can be passed to Webpack Dashboard in Nuxt config's modules sections:

// nuxt.config.js

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

Or by adding a webpackDashboard key:

// nuxt.config.js

{
  webpackDashboard: {
    port: 3001,
  },
}