RTE import is making bundle size big

I have an app that is fairly big, the vendor bundle is 5.5 MB, I added RTE, just that component, like this:

import { EJ_RTE_COMPONENTS } from 'ej-angular2/src/ej/rte.component';

@NgModule({
declarations: [TextBordersComponent, TextEditorComponent, EJ_RTE_COMPONENTS],

WIth this import only, the vendor bundle goes up to 8.3 MB. 

I noticed, when I analyzed the bundle, that the syncfusion module is importing ej.grid (which is bigger than the ej.rte file). 

I think that 3 mb just to include this component is too much. Is there a way to import a smaller part of the app?

There is functionality I don't need, like file upload.

Any suggestions for this? Thanks

1 Reply

KR Keerthana Rajendran Syncfusion Team March 13, 2018 05:48 AM UTC

Hi Andony,   
   
Thank you for contacting Syncfusion Support.   
   
Since RTE has many sub components rendered within it, we need to include the dependency script for rendering RTE component. Here grid is added as a dependency for FileExplorer component used in RTE for image and file browsing, so this is mandatory to render RTE control.    
   
Regards,   
Keerthana.   
 


Loader.
Up arrow icon