bug: V6, production output files are several times larger when using Vite

[Edsuns]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

Production output files are large when using Vite:

Expected Behavior

The normal output size should be like the official template:

Steps to Reproduce

Ionic and Vite

1. Clone https://github.com/Edsuns/ionic-vue3-vite-ts
2. Run npm install
3. Run npm run build

Offical Template

1. Run npm install -g @ionic/cli
2. Run ionic start ionic-vue tabs --type=vue
3. cd ionic-vue and npm run build

Finally, comparing the output file sizes of the two projects, the vite version is several times larger.

Code Reproduction URL

https://github.com/Edsuns/ionic-vue3-vite-ts

Ionic Info

Ionic:

Ionic CLI : 6.18.1

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v14.18.1
npm : 8.1.4
OS : Windows 10

Additional Information

No response

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of #24280.

We have identified that this is also an issue with Vite. We have an experimental fix that seems to resolve this issue. I will update this thread when I have more to share.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.