Webpack Dashboard integration for Nuxt
Install the package:
yarn add nuxt-webpackdashboard -D
# or npm i nuxt-webpackdashboard -D
- Add
nuxt-webpackdashboard
tonuxt.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",
},
}
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,
},
}