Reactjs 如何分析下一个Js包的大小和内容

Reactjs 如何分析下一个Js包的大小和内容,reactjs,webpack,next.js,Reactjs,Webpack,Next.js,我刚刚升级到下一个JS9.0,当我运行一个构建时,有一个非常棒的新特性,可以显示所有编译页面的大小。它们的大小都在20-30k左右,但使用Formik的页面除外,Formik的大小至少是前者的两倍。主要问题是app.js文件超过了600k,并且是红色的 有没有一种方法可以更深入地了解我所有的捆绑包都是由什么组成的?您可以使用下面的包来分析主捆绑包 哦,哇,我不知道这是下一个正式的JS软件包,我把它看作是一个我不理解的网页插件!嗯,不幸的是,我按照他们的指示操作,得到了一个错误:“ANALYZE=

我刚刚升级到下一个JS9.0,当我运行一个构建时,有一个非常棒的新特性,可以显示所有编译页面的大小。它们的大小都在20-30k左右,但使用Formik的页面除外,Formik的大小至少是前者的两倍。主要问题是app.js文件超过了600k,并且是红色的


有没有一种方法可以更深入地了解我所有的捆绑包都是由什么组成的?您可以使用下面的包来分析主捆绑包

哦,哇,我不知道这是下一个正式的JS软件包,我把它看作是一个我不理解的网页插件!嗯,不幸的是,我按照他们的指示操作,得到了一个错误:“ANALYZE=true:术语‘ANALYZE=true’不被识别为cmdlet、函数、脚本文件或可操作程序的名称。”我认为这个关于Powershell或cmd的错误不在包之上。在使用Windows时,您还应该添加“cross-env”,这样就不会在上出现错误“ANALYZE=true”。
cross-env ANALYZE=true下一次构建