install combined css files

[Balázs Varga]

Hi,

I'm evaluating the syncfusion angular products. I read, that if I want to use the combined css styles instead of the styles per component, I have to run this command:  npm install @syncfusion/ej2

But it installs a lot and I cancelled it after 12 GB. For me this is not reasonable, why it takes so much storage.

So, my question is, what is the proper way, if I want to install only the used components, but I want to use a combined css file?

[Deepika Arumugasamy]

Hi Balázs Varga,

Thank you for reaching out.

 

We understand that running npm install @syncfusion/ej2 resulted in a large installation size, includes all Syncfusion EJ2 components and their dependencies, which can indeed consume significant storage. To address your requirement of using only specific components with a combined CSS file, we recommend the following approaches:

 

Instead of installing the entire @syncfusion/ej2 package, you can install theme-specific packages for the components you need, which include the combined CSS for those components. For example, you can use the @syncfusion/ej2-material3-theme package for the Material 3 theme: https://www.npmjs.com/package/@syncfusion/ej2-material3-theme. 

Refer to our documentation for details on obtaining these themes: https://ej2.syncfusion.com/angular/documentation/appearance/css-variables#obtaining-these-themes.

 

Additionally, you can use Theme Studio to customize and download a combined CSS file for your selected components: https://ej2.syncfusion.com/angular/documentation/appearance/theme-studio.

 

Alternatively, you can directly reference the combined CSS file from our CDN: https://ej2.syncfusion.com/angular/documentation/appearance/overview#cdn-direct-referral. 

 

You can also use the Custom Resource Generator (CRG) to generate a combined script and CSS file for only the components you need: https://ej2.syncfusion.com/javascript/documentation/common/custom-resource-generator.

 

Please let us know if you have any further questions or need assistance.

Regards,

Deepika