Imports on standalone

Ionic Framework
1

ionic generate now will generate the component like this on standalone

	standalone: true,
	imports: [
		IonContent,
		IonHeader,
		IonTitle,
		IonToolbar,
		CommonModule,
		FormsModule,
	],

The old style is like this

	standalone: true,
	imports: [
        IonicModule,
		CommonModule,
		FormsModule,
	],

What is the difference between the two? Is there any improvement if I will just import one module at a time?
Thanks

2

Get yourself with Angular Standalone Components: Angular

The difference is, that in the first example you only import what you need, while in the second you import everything. Even if you only need 4 components

3

yes that’s the obvious, but under the hood is there improvement if I use the first one?

4

The entire ionic module is a larger import/bundle size than treeshaking, so the standalone imports should help reduce app size if that is a concern for your projects