发生这种情况是因为webpack捆绑了所有代码依赖项。当您使用lodash时，lodash的最小版本将添加到您的源代码中。另外，您还包括源地图：
devtool: 'inline-source-map',
尽管这对于调试来说应该没问题，但是没有理由在Prod版本中包含您的源映射。因此，您可以采取一些措施来减少套件的尺寸。
- 确保正确设置模式：在webpack配置中标记。您可以将模式：“开发”或模式：“生产”。这将向webpack提示您正在执行哪种构建，以便向您发出适当的警告。
- 确保在产品构建中不包括源地图
- 避免过度使用您不需要的外部依赖。
有时即使是这些事情也不会使捆绑包的大小降至244kb以下，在这种情况下，您可以做的就是拆分捆绑包并开始使用逻辑块。首先，您可以使用提取文本插件轻松将js与样式表分离。
您可以使用的另一种技术是动态导入。
动态导入：通过模块内的内联函数调用拆分代码
这将使您可以将代码按逻辑分解为与屏幕相关的模块，以便仅加载所需的库。有关动态导入的更多信息，您可以查看官方文档。
https://webpack.js.org/guides/pre-
splitting/
