Angular “网页包包分析器”+；n模块"；

我想了解我的angular代码是如何绑定的，以及绑定到哪个块文件。因此，我使用的是“网页包分析器”。对于某些模块，它在报告中写为：

router.js+“12个模块”

如何确定

12个模块的内容

？我点击了线路，它没有帮助

---

听起来您正在使用，请尝试对其进行注释。这是一个插件，可以掩盖这一点。以下是与建议类似的。

我修改了Angular 7 cli项目的package.json

我的应用程序名为playpen，因此请调整您的捆绑报告目标上stats.json文件的位置

所以dist/playpen/stats.json应该是dist/{YOURAPP}/stats.json

{
  "name": "playpen",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "bundle-report": "ng build --prod --stats-json --build-optimizer=false --vendor-chunk=true --named-chunks=true --output-hashing=media && webpack-bundle-analyzer dist/playpen/stats.json"
  },

---

在webpack bundle analyzer UI中，有一个复选框，您可以在其中显示连接模块的内容。如果选中该框，您将看到内容

以下是UI的外观，您可以在其中切换设置：

以下是未选中复选框时的外观：

---

以下是选中该复选框后的外观：

@Omtechguy我希望这会有所帮助。我在我的分析器中没有看到此复选框，它是一个特定版本吗？2019年6月18日的最新版本是什么。在询问模块连接是否关闭后，我没有看到复选框：）如果连接打开，复选框存在。