Reactjs 分析Gatsby Bundle文件的慢速加载_Reactjs_Webpack_Gatsby

Reactjs 分析Gatsby Bundle文件的慢速加载

reactjs webpack gatsby

Reactjs 分析Gatsby Bundle文件的慢速加载,reactjs,webpack,gatsby,Reactjs,Webpack,Gatsby,我有一个大型水疗中心，需要一两秒钟才能完全装好。我可以用什么来找出是什么导致我的SPA第一次负荷缓慢？这是一个关于这个问题的视频我已删除对API的所有调用。我曾经尝试过一些工具，比如gatsby-plugin-webpack-bundle-analyzer-v2，但我不相信它是准确的。在gatsby build上，它显示了10mb的捆绑包大小，而实际的捆绑包.js文件只有2.3mb 我不知道如何导出网页统计文件以使用https://chrisbateman.github.io/webpack

我有一个大型水疗中心，需要一两秒钟才能完全装好。我可以用什么来找出是什么导致我的SPA第一次负荷缓慢？这是一个关于这个问题的视频

我已删除对API的所有调用。我曾经尝试过一些工具，比如

gatsby-plugin-webpack-bundle-analyzer-v2

，但我不相信它是准确的。在

gatsby build

上，它显示了10mb的捆绑包大小，而实际的捆绑包

.js

文件只有2.3mb

我不知道如何导出网页统计文件以使用

https://chrisbateman.github.io/webpack-visualizer/

如果要使用

gatsby-plugin-webpack-bundle-analyzer-v2

导出统计文件，需要传递此选项：

gatsby-config.js


{
解析：“gatsby-plugin-webpack-bundle-analyzer-v2”，
选项：{
generateStatsFile:true，
},
},

它将在您的

/public

目录中生成名为

stats.JSON

的JSON文件

希望这有帮助