减少Webpack捆绑包中的JSON文件大小

Question

我正在尝试优化我的Webpack捆绑包，并且我已经确定从我的一个依赖项中捆绑了一大堆数据。依赖性为world-countries，它只是包含国家/地区数据的对象的巨大JSON数组。但是，我仅在我的应用程序（一个简单的React应用程序）中使用这些数据的一小部分。

所以我在想，我想在我的Webpack配置中添加 something ，这将有效地使我将大型对象映射到我正在使用的属性中，并避免剩下的所有内容数据最终出现在我的捆绑包中。

我目前关于执行此操作的唯一想法是编写一个运行脚本，该脚本运行postinstall或prebuild并导入模块，将其映射并将其保存回新的JSON文件中。然后，该JSON文件就是我的应用程序导入的文件。

我正在寻找有关实现此目标的最佳方法的任何建议或想法，最好是不影响我的应用程序代码且只是Webpack配置一部分的方法。

Answer 1

您可以编写一个自定义加载程序，该加载程序将应用于Jason导入，在其中可以过滤出所需的内容。