vite support

[reslear]

add support vite builder with vue for live reloading, or how to use solution temporally ?

[jcesarmobile]

Please, don’t do that

[reslear]

any news?

[reslear]

any news about support vite?

[mhartington]

We will update the issue when we have something. Please refrain from asking for updates.

[kuka-radovan]

Please, let us at least know if support of Vite is being considered or not.

[piotr-cz]

Integration with Vite requires tweaks to config files:

capacitor.config.ts

const config: CapacitorConfig = {
  webDir: 'dist',
}

ionic.config.json

{
  "type": "custom"
}

package.json

{
  "scripts": {
    "ionic:serve": "vite",
    "ionic:build": "tsc && vite build"
  }
}

Now both ionic build and ionic serve commands work properly

References:

• New Capacitor Templates: SolidJS + Vite
• Getting Started with ViteJS, Ionic Framework Beta v6 And VueJS

[reslear]

@piotr-cz but without native-run :)

[piotr-cz]

@reslear I must say I haven't tried it yet.

You do you use it? The docs mention it only in context of ionic cordova run command.

[reslear]

I used it, then I had to write my own sh script :) https://capacitorjs.com/docs/guides/live-reload#using-with-framework-clis

this is just for convenience, ideally it should be out of the box

[mhartington]

Locking this for now. This is planned for, and we have some branches which includes the work for it. But it will be part of a major version, since it does change how the CLI works internally.

[jcesarmobile]

version 7.x of the CLI already supports vite for react and vue, and pretty sure angular also uses vite under the hood