问题标签 [webpack-bundle-analyzer]

这可能更像是一个 webpack 问题而不是 RXJS 问题——但我的代码库中的某些内容是以不同的方式包含 RXJS。关于如何判断包含 RXJS 的内容的任何提示？

stats.jsonWebpack 创建的文件是这样放置的，一个或多个modules组成一个 . chunk，一个或多个块组成一个asset.

我试图通过对构成资产的模块的大小（组成块）求和来计算资产的大小。在下面的代码片段中，您可以假设这jsonContents是整个 webpack stats.json 文件，chunkToModulesDict是一个字典，说明了组成块的模块是什么，并且moduleSizeDict是模块名称及其相应大小的字典。

我观察到统计文件中报告的资产大小与上述计算的资产大小不符。但是，在根据 stats.json 文件中报告的资产大小绘制计算出的资产大小时，我发现这些图表具有相似的形状。

我验证了我的假设，即计算值和报告值高度相关。

我的问题是如何更精确地计算模块中资产的大小，以使计算出的大小与统计文件中报告的大小相匹配。我正在尝试比较两个统计文件，并了解哪些资产的大小发生了变化，以及哪些模块对这些变化贡献了多少。（webpack-bundle-analyzer是一个很棒的工具，但是，我希望创建一份简短的更改报告，而不必花时间分析 UI）

我正在尝试优化我们用作依赖项的ng2-smart-table 包，因为我注意到它对lodash有很大的不必要的依赖，即使它只使用了一小部分 lodash。

但是，在尝试让webpack 捆绑分析器使用他们的angular.json 工作区文件时，我遇到了一些问题。

如果我只是尝试运行 ng build 我得到这个：

现在，该项目使用angular.json具有以下内容的工作区文件：

如果我尝试添加"statsJson": true到选项中，我会收到此错误：

我怀疑它与使用@angular-devkit/build-ng-packagr:build而不是标准的项目有关@angular-devkit/build-angular:browser。但是，由于 packagr 显然不支持分析，我只是不知道如何生成我的分析文件。

我刚刚通过这个链接了解了 webpack bundle 分析器，然后就去尝试了。我能够运行构建并获得一个 stats.json 文件，但是当我运行时：

我收到此错误：

我尝试用谷歌搜索错误和 webpack 包分析器等，但找不到任何有帮助的重要信息。我在 Angular 项目中从 WebStorm IDE 构建，如前所述，stats.json 生成良好（32mb，圣牛）。

我也确实运行了安装npm i webpack-bundle-analyzer，以防万一……

非常感激任何的帮助。

我正在尝试为 webpack-bundle-analyzer 配置我的 webpack.config。这是它的外观。

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

我正在尝试为我的 Angular 6 应用程序生成 stats.json 文件。下面我已经尝试过，但文件根本没有生成。我的系统需要在每个 angular cli 命令之前都有“npm run” 。

1. 我已经运行了"npm run ng build --prod --stats-json"和"npm run ng build --prod --stats-json=true"。

2. 我已经运行了“npm run ng build --stats-json”和“npm run ng build --stats-json=true”（没有 build 命令）。

3. 通过参考 cli 文档使用“npm run ng build --statsJson=true” 。

但仍然没有生成 stats.json 文件，我想使用 webpack 包分析器读取它。欢迎在这方面提供任何帮助、建议或更正。

以下是我的 package.json 中的脚本。

“脚本”：{

},

我只是想知道其他人是否在他们的项目中看到相同的东西，或者我做错了什么，但在我看来，深色样式占总大小的大约 1/3（使用 webpack-bundle-analyzer）我的应用程序。

我正在使用 webpack-bundle-analyzer 来识别可能需要优化的包。我的 webpack 配置不包括node_modules

webpack.config

当我查看我的捆绑包的表示时，我仍然可以看到node_modules，这是否意味着node_modules包含在我的捆绑包中？

我首先运行yarn run build:stats生成compilation-stats.json然后yarn run analyse

包.json

我也试图指示不包括node_modules

webpack.config

webpack-bundle-analyzer 的结果 那么，是node_modules包含在我的包中还是我只是做错了什么？

亲切的问候/K

我是 webpack 的新手，我正在尝试在我的项目上安装Webpack Bundle Analyzer，但我收到了这个错误。

我正在关注本指南：https ://www.codementor.io/@drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa#7-webpack-bundle-analyzer

这是我的 webpack.config.dev.js：

这是失败的代码：

包.json

我试图了解我缺少什么加载器以及如何添加它？

这半天一直在挣扎。将不胜感激任何投入

我是 webpack 的新手，我正在尝试在我的项目上安装Webpack Bundle Analyzer，但我收到了这个错误。

我正在关注本指南：https ://www.codementor.io/@drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa#7-webpack-bundle-analyzer

错误： 您可能需要适当的加载程序来处理此文件类型

这是我的 webpack.config.dev.js：

这是失败的代码：

包.json

我试图了解我缺少什么加载器以及如何添加它？

这半天一直在挣扎。将不胜感激任何投入