How can I configure multiple ports for a multiapp Ionic 6/VueJs 3 project in a config file?

Ionic Framework Ionic Vue
1

0

I have an Ionic 6/VueJs 3 multi app project and I would like to be able to open each project in a different, permanent port during development…

Here is a config…

{
  "defaultProject": "app1",
  "projects": {
    "app1": {
      "name": "app1",
      "integrations": {
        "capacitor": {}
      },
      "type": "vue",
      "root": "apps\\app1"
    },
    "app2": {
      "name": "app2",
      "integrations": {
        "capacitor": {}
      },
      "type": "vue",
      "root": "apps\\app2"
    },
    "app3": {
      "name": "app3",
      "integrations": {
        "capacitor": {}
      },
      "type": "vue",
      "root": "apps\\app3"
    }
  }
}

So far, when I open the first it goes to the default port (8100) and after that, each app goes to +1 (8101, 8102)

I was able to set the port through command line (–port=4000) but I havent been able to set it in a config file…

Any ideas?

2

You could maybe create an npm script for each denoting the port you want to run it on?