integrations.md

Setup integrations

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

Setup integration

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.

Debug integration

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