Tips & tricks

Re-arrange webdash plugins

You can simply edit the order of the plugins in your package.json. Plugins will be loaded in that order. For example:

"devDependencies": {
    "webadsh": "^1.0",
    "webdash-package-json": "^1.0",
    "webdash-performance-budget": "^1.0",
}

package-json will be shown before performance-budget. If you'd like to switch them, you'll need to change the order:

"devDependencies": {
    "webadsh": "^1.0",
    "webdash-performance-budget": "^1.0",
    "webdash-package-json": "^1.0",
}

Global webdash

You can install & use webdash globally.

For that, you want to start by installing webdash globally:

npm install -g webdash or yarn global add webdash

and then you need to go into your web project and generate a webdash.json configuration file that is specific for that project:

cd your-project-name
webdash config

And then you can install plugins locally which can be different for every project that you have. For example:

npm install --save-dev webdash-workbox webdash-package-json

and finally you need to serve with:

webdash serve