Setup or debug integration with Webpack, Jest, etc
The Integrations menu allows you to:
- Setup integration - instructions on how to configure Webpack, Jest, etc
- Debug integration - view the output of integrations to debug or use as JSON
This menu shows you the documented list of integrations:
? What do you want to do? Setup integration
? Integration:
❯ - VS Code
- WebStorm
- Webpack
- Rollup
- Vite
- Jest
- Vue
- React
- Node
- JSON-only
They simply link to this documentation and provide specifics of setting up each IDE / framework / lib.
This menu lets you choose from the available plugins and format options, then prints the results:
? What do you want to do? Debug integration
? Which integration? Rollup
? Which format? Array
[
{
"find": "@app",
"replacement": "/Volumes/Data/AliasHQ/demos/alias-hq-demo/src/app"
},
{
"find": "@data",
"replacement": "/Volumes/Data/AliasHQ/demos/alias-hq-demo/src/app/data"
},
{
"find": "@views",
"replacement": "/Volumes/Data/AliasHQ/demos/alias-hq-demo/src/app/views"
}
]
You can use this to:
- see the raw output to debug a paths problem
- copy and paste if you need hardcoded JSON
- help develop and debug your own plugins