React-Data-Grid包大小

Question

我正在尝试React-Data-Grid，希望得到的捆绑包大小将比我目前在应用程序中使用的ag-Grid或Tabulator更小。

我在一个小组件中尝试它，以验证生成的包大小。但出乎意料的是，我的应用程序大小增加了大约10MB。而ag-Grid或制表器导致“仅”增加约2MB。我使用Laravel作为后台；我不会更改Laravel生成的webconfig.js，因为默认的webconfig对我的应用程序来说已经足够了。上面的结果是我执行该命令时的结果：

npm run watch

它由Laravel框架(Laravel Mix)生成的脚本提供。当然，如果我通过执行以下命令来运行生产模式：

npm run prod

整个尺寸变得更小了。

这种大小增加对于React-Data-Grid来说正常吗？如果是这样的话，我将忽略这个库，并坚持使用功能丰富的ag-Grid和Tabulator，尽管它们的捆绑包相对较大。如果不是，我想知道是什么导致了这种情况。

当我不能因为使用第三方库而减少包的大小时，代码拆分将是最后的手段。

Answer 1

它确实很大，但是如果你使用延迟加载，你的项目就变得可管理了。

作为一个提醒，你可以使用：

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

并将您的DataGrid放入该组件中。当涉及到排序和过滤时，DataGrid有很多非常好的功能，而且它是免费的。