在我的 React 项目的源地图浏览器可视化中,"null"区域对应于什么,为什么它这么大?



我一直在做一个相对简单的React项目,该项目有大约8个组件,并使用相对较少的常用插件(包括样式组件、React spring和AWS-Amplify(

我已经安装并运行了源映射资源管理器,以了解为什么我的构建超过3MB,结果可视化显示我的捆绑包超过2MB被"null">占用。

有人能解释一下在这种情况下"null"指的是什么吗 我的猜测是它和我的包裹一样大,但我无法想象为什么它会这么大。

此外,如果有人知道如何在CRA项目中减少剩余1MB节点模块的大小,那将是惊人的!

最终,这是一个AWS Amplify问题。我的应用程序只使用API功能,但我正在导入整个库。

在我的代码中,我更改了:

import Amplify from "aws-amplify"

进入

import Amplify from "@aws-amplify/core"
import API from "@aws-amplify/api"

我的束大小从超过3MB减少到679kb。

不确定为什么它在源地图浏览器中显示为"null",但这可能有助于任何使用AWS Amplify并遇到捆绑包大小问题的人。我发现其他有用的资源:

https://github.com/aws-amplify/amplify-js/wiki/Amplify-modularization

https://github.com/aws-amplify/amplify-js/issues/122

最新更新