Ionic standalone causes an increase in initial bundle size

Ionic Framework Ionic Angular
1

I have a problem with my app intial bundle size which increasing to 1.8MB [uncompressed]. And when I tried to use source-map-explorer, I found that the culprit is from Ionic modules. I’ve followed the documentation that only used import from @ionic/angular/standalone and not from somewhere else. But still I got this whooping 1MB chunk for Ionic alone

I used angular 18.2 with Ionic 8.2.7. I used standalone angular component and standalone Ionic.

My build configuration

"configurations": {
  "production": {
    "budgets": [
      {
        "type": "initial",
        "maximumWarning": "500kB",
        "maximumError": "5MB"
      },
      {
        "type": "anyComponentStyle",
        "maximumWarning": "2kB",
        "maximumError": "4kB"
      }
    ],
    "outputHashing": "all",
    "sourceMap": true,
    "namedChunks": true,
    "serviceWorker": "ngsw-config.json"
  },
  "development": {
    "optimization": false,
    "extractLicenses": false,
    "sourceMap": true
  }
}

image
image2152×1224 511 KB

image
image2378×648 243 KB

Thanks

2

Hey, I’m having the exact same problem (Ionic Standalone & ESBuild increase in initial bundle size. Lazy loaded components included in initial Bundle).

Did you find a solution?
Im thinking about just going back to the module based imports.

1 Like