Optimize the bundle size in Angular

Tags: #<Tag:0x00007efc6558cad8> #<Tag:0x00007efc6558c920>
#1

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);

#2

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?

#3

Hi @mohanb.chikkala

It’s been a couple of days since we last heard from you regarding this ticket, so we’re assuming that the issue has been resolved. We’re always here to help if you need further assistance or have any other questions.

Feel free to reopen this ticket or start a new one if needed.

#4