Ionic standalone causes an increase in initial bundle size

Delvin · August 27, 2024, 10:30am

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
  }
}

Thanks