Optimize the bundle size in Angular

Tags: #<Tag:0x00007f1368899950> #<Tag:0x00007f1368899748>

Hi,

I’ve integrated Handsontable into my Angular project, finding it quite valuable. However, I’ve encountered an issue with the bundle size, which sits at around 13 MB upon page load. Despite reviewing the documentation, I’ve struggled to trim down the bundle size. Could you provide an example or any guidance on how to achieve this?

Here is the my app module code for your reference
import { HotTableModule } from ‘@handsontable/angular’;

import Handsontable from ‘handsontable/base’;

import { registerCellType, NumericCellType } from ‘handsontable/cellTypes’;

import { registerPlugin, UndoRedo } from ‘handsontable/plugins’;

registerCellType(NumericCellType);

registerPlugin(UndoRedo);

Hi @mohanb.chikkala

Thank you for contacting us. In general, those are the tips we recommend for optimizing the bundle size: https://handsontable.com/docs/javascript-data-grid/bundle-size/

Using modularization should decrease the bundle size the most, but even without that it shouldn’t be that heavy. Can you please share more details?