Reduce bundle size in angular

[Hasan Rifaii]

Hello,

How it could be possible to reduce bundle size in angular? 

[Vinitha Devi Murugan]

Hi Hasan,  

  

Syncfusion Greetings.  

  

Could you please share the below or more detail that will be helpful for us to validate further at our end and provide a better solution as soon as possible.   

 

• Did you faced the problem only in development or both development & production
• Did you inject ScheduleAllModule or ScheduleModule in app.module.ts
• Did you used webpack or angular cli application?
• If possible share the sample or share the full code example and package version details.

Regards,  

M.Vinitha devi     

 

[Hasan Rifaii]

Hello,

Did you faced the problem only in development or both development & production

     I have uploaded images below to compare the difference in bundle size between prod and non prod build. Nevertheless, prod bundle still large as I mentioned before

Did you inject ScheduleAllModule or ScheduleModule in app.module.ts

     Always using ScheduleModule

Did you used webpack or angular cli application?

     Angular Cli v8.3.8

If possible share the sample or share the full code example and package version details.

     Referred to the attachment below

Thank you

Attachment: reporting_c4ae3ac1.rar

[Vinitha Devi Murugan]

Hi Hasan, 

 

Thanks for sharing the details. 

 

By default, while in production mode it optimize(compress & minify) and remove the unused, duplicate codes & modules from bundle file so that it contains less bundle size when compared to development mode because in development mode it set build Optimizer and Optimization as false(so it does not optimize the code). 

 

https://github.com/angular/angular/issues/16850#issuecomment-377824476 

 

Regards, 

M.Vinitha devi 

[Hasan Rifaii]

Hello, 

The --prod meta flag is already specified. I wondering if it's still possible to decrease the bundle less than 4mb ?

Thank you,

[Vinitha Devi Murugan]

Hi Hasan, 

 

Yes, you can reduce the bundle size less then 3MB by setting target in “tsconfig.json” to be “es5”. Please refer below sample and screenshot. 

 

https://www.syncfusion.com/downloads/support/forum/149402/ze/sample442165412  

 

 

 

Tsconfig.json 

"target": "es5", 

 

Regards, 

M.Vinitha devi