Reduce bundle size
I'm having performace issues over bundle size.
1. Either the gridview or the pivotview reference pdf-export, while the PdfExportService was never imported.
2. Spreadsheet adds Ribbon and Edit, while niether of the respective service was imported.
3. can scheduler add an EditService to split ej2-calendars reference?
4. Can node_modules/@syncfusion/ej2-spreadsheet/styles/spreadsheet/all.scss split the ribbon related style? It makes styles larger.
5. rich-text-editor exports Image and Table, while the respective service never imported.
6. ej2-inputs is included, while never imported.
7. ej2-filemanager
is included, while never imported.
There are few smaller examples, but these are the main.
"dependencies": {
"@syncfusion/ej2": "^19.2.55",
"@syncfusion/ej2-angular-charts": "^19.2.55",
"@syncfusion/ej2-angular-circulargauge": "^19.2.55",
"@syncfusion/ej2-angular-diagrams": "^19.2.55",
"@syncfusion/ej2-angular-grids": "^19.2.55",
"@syncfusion/ej2-angular-kanban": "^19.2.55",
"@syncfusion/ej2-angular-layouts": "^19.2.55",
"@syncfusion/ej2-angular-pivotview": "^19.2.55",
"@syncfusion/ej2-angular-richtexteditor": "^19.2.55",
"@syncfusion/ej2-angular-schedule": "^19.2.55",
"@syncfusion/ej2-angular-spreadsheet": "^19.2.55",
"@syncfusion/ej2-base": "^19.2.55"
}
Imports:
import {
ExcelExportService, GridModule, PagerModule, AggregateService, FreezeService,
GroupService, PageService, ResizeService, SortService, SelectionService
} from '@syncfusion/ej2-angular-grids';
import {
ChartModule, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService,
SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService,
StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService,
BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService,
CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService,
SelectionService, ChartAnnotationService, WaterfallSeriesService,
RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService,
MultiLevelLabelService, ParetoSeriesService, TooltipRenderService,
ExportService,
AccumulationChartAllModule, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService
} from '@syncfusion/ej2-angular-charts';
import { PivotViewModule, ExcelExportService, GroupingBarService, NumberFormattingService, GroupingService, PivotChartService, ConditionalFormattingService } from '@syncfusion/ej2-angular-pivotview';
import { CircularGaugeModule, AnnotationsService, GaugeTooltipService, LegendService } from '@syncfusion/ej2-angular-circulargauge';
import { DiagramModule, ConnectorBridgingService, LineRoutingService, ComplexHierarchicalTreeService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, SymbolPaletteModule } from '@syncfusion/ej2-angular-diagrams';
import { ScheduleModule, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService } from '@syncfusion/ej2-angular-schedule';
import { SpreadsheetModule, SelectionService, BasicModuleService, ClipboardService, CellFormatService, KeyboardNavigationService, KeyboardShortcutService, NumberFormatService } from '@syncfusion/ej2-angular-spreadsheet';
|
For ng build |
For ng build --prod |
 |
 |
|
import { Component } from '@angular/core';
import { ToolbarService, LinkService, ImageService, TableService,HtmlEditorService } from '@syncfusion/ej2-angular-richtexteditor';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
providers: [ToolbarService, TableService, LinkService, ImageService, HtmlEditorService]
})
export class AppComponent {
} |
Query: Can kanban split dialog into EditService?
Currently, we do not have “EditService” module in Kanban and we do not have any immediate plan for this. However, we will update you the plan if any changes in the plan. You can track those using our roadmap or our feedback portal.
- By setting true to our readonly property of our scheduler. Please refer following UG for more information https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#readonly
- By setting false to allowAdding, allowEditing and allowDeleting options in eventSettings property.
