Reactjs 如何为react配置webpack捆绑包分析器？

我正在尝试为webpack bundle analyzer配置我的webpack.config。这是它的样子

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
}

它只显示index.js、main.js和src文件夹。如何查看所有其他依赖项

首先 npm安装--保存开发人员Web包包分析器 其次，在webpack.config.js中添加一些配置 这是我在config/webpack.config.js中使用createreact应用程序时的配置

在顶部导入库

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

还要添加一些验证，以便在部署到生产环境时构建脚本不会出现问题

const withReport = process.env.npm_config_withReport

将此代码添加到插件中

plugins:[
  withReport ? new BundleAnalyzerPlugin() : '',
]

最后，在JSON包中添加一个新脚本

"report": "npm run build --withReport true"

---

在终端中运行“npm运行报告”。应自动出现在webpack bundle analyzer UI中

是否确定导入了其他依赖项？你能分享一些代码吗？@skovy我不知道如何导入依赖项，你想要什么类型的代码？你问

如何查看我的所有其他依赖项

，所以我假设你正在导入依赖项？webpack bundle analyzer仅显示webpack处理的代码。如果从未导入它（例如从“React”导入React），它将不会显示在可视化中。什么是网页入口点？它正在导入任何内容，还是您只有一个主要为空的

main.js

和

src/index.js

文件？