Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/paulgv/nuxt-webpackdashboard
Webpack Dashboard integration for Nuxt
https://github.com/paulgv/nuxt-webpackdashboard
module nuxt vue webpack webpack-dashboard
Last synced: 13 days ago
JSON representation
Webpack Dashboard integration for Nuxt
- Host: GitHub
- URL: https://github.com/paulgv/nuxt-webpackdashboard
- Owner: paulgv
- License: mit
- Created: 2017-11-01T13:35:01.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-05-28T10:02:40.000Z (over 1 year ago)
- Last Synced: 2024-10-15T01:27:17.573Z (27 days ago)
- Topics: module, nuxt, vue, webpack, webpack-dashboard
- Language: JavaScript
- Size: 86.9 KB
- Stars: 24
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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,
},
}
```