Размер пакета React-Data-Grid

Question

Я пробую React-Data-Grid в надежде, что размер полученного пакета будет меньше, чем при использовании ag-Grid или Tabulator, который я сейчас использую в своем приложении.

Я пробую его в небольшом компонент для проверки результирующего размера пакета. Но неожиданно размер моего приложения увеличивается примерно на 10 МБ. Принимая во внимание, что ag-Grid или Tabulator приводит к увеличению «только» примерно на 2 МБ Я использую Laravel для бэкэнда; Я не изменяю webconfig. js, сгенерированный Laravel, потому что для моего приложения достаточно webconfig по умолчанию. Результат выше, когда я выполняю команду:

npm run watch

, которая предоставляется сценарием, генерируемым Laravel framework (Laravel Mix). Конечно, если я запускаю производственный режим, выполняя команду:

npm run prod

, весь размер становится намного меньше.

Является ли этот размер нормальным для React-Data-Grid? Если это так, я просто проигнорирую эту библиотеку и остановлюсь на ag-Grid и Tabulator, которые богаты функциями, несмотря на их относительно большой размер пакета. Если нет, я хочу знать, что может вызвать это.

Разделение кода будет последним средством, когда я не могу уменьшить размер пакета в результате использования сторонних библиотек.

Answer 1

Он действительно большой, но если вы используете ленивую загрузку, ваш проект станет управляемым.

В качестве напоминания вы можете использовать:

const gridList = React.lazy(() => import('./components/gridlist/gridlist'));

и поместить вашу DataGrid в этот компонент. DataGrid обладает множеством полезных функций для сортировки и фильтрации, и он бесплатный.