问题标签 [webpack-bundle-analyzer]

这是我的 webpack 设置

当我这样做时，webpack -p文件大小要小得多，但是这个 react-dom.development.js 占据了几乎 50% 的大小，在我的情况下，是 1.1ish MB 中的 500ish KB。

在这里报告：

要查看报告的演示及其运行方式，您可以查看此存储库。

注意：即使我添加NODE_ENV=production，大小更小，但开发 JavaScript 文件仍然存在！

我想了解如何将我的角度代码捆绑到哪些块文件中。因此我使用“Webpack 捆绑分析器”。对于某些模块，它在报告中写为：router.js + "12 Modules".

我怎样才能确定的内容12 Modules？我点击了线路，它没有帮助。

我们有一个 Angular 5 项目，它的大小有问题。在加载应用程序时，当没有太多东西时，我们有 95MB 的内存。我正在尝试分析它并使用webpack-bundle-analyzer.

我已经读过添加new webpack.optimize.ModuleConcatenationPlugin()到webpack.config应该有所帮助，所以我做到了并且它有所帮助（从 95 到 76MB）。

但是当我在那之后运行构建时npm run build:stats > stats.json （"build:stats": "webpack --profile --json --config webpack.config.buildserver.js"）我收到这条消息 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

在添加插件之前，该stats.json文件有大约 390 000 行 json 对象。

我发现节点脚本有一个内存标志，--max_new_space_size但我找不到任何类似的 webpack 脚本。

我不确定要寻找什么，有人可以帮忙吗？

我运行以下命令来创建 stats.json：

ng build --prod --stats-json

在此之后，我正在执行以下代码：

webpack-bundle-analyzer dist/stats.json

一旦我执行它，我的终端就会收到以下错误：

'webpack-bundle-analyzer' 不是内部或外部命令、可运行程序或批处理文件。

我已经安装了 webpack-bundle-analyzer。

在 Package.json 文件中可用

“webpack-bundle-analyzer”：“^2.11.1”

请帮我解决。

注意： Stats.json 在 dist 文件夹中可用

我将 Angular 项目从版本 5 更新到了 6，现在我正在尝试使用 webpack-bundle-analyzer 分析包大小，但输出与预期不符。我在更新版本之前尝试了相同的操作，在角度版本更新后它按预期工作

更新前的同一个项目

试：

磁盘写入权限失败，（在禁用模式下相同，使用静态文件）。我正在使用 Ubuntu 18，有没有办法设置软件包，以便它适用于我和任何其他用户？（不管 Op sys？）如果不是，如何解决？

我正在为我的 VUE 应用程序使用webpack-bundle-analyzer库。我在我的 vue.config.js 中编写了以下代码片段。

我将openAnalyzer选项传递为 false 以不在默认浏览器中打开报告。不知道为什么它不起作用。即使我提到它是错误的，报告仍然会在默认浏览器中打开。

谁可以帮我这个事。我正在使用web-pack4

谢谢

在我的 react js 应用程序（使用 webpack）中，我使用了 antd UI，它在我的项目中添加了 draft-js包。但我不知道我在哪里使用了 draft.js
我有两个问题。
1-我怎么知道我在哪里使用 Draft-js。
2-draft.js增加我的bundle文件大小draft-js。我从node_modules它中删除了显示错误“draft-js”未找到。

包.json

并且immutable.js安装了两次，另一件事是在做了gzipantd和@ ant- design 的库之后增加了我的包大小。

那么我该如何解决这些混乱。

我正在优化我的 Angular 7 应用程序，在构建它时，我发现我目前正在导入所有rxjs 运算符，即使我只指定和使用其中的 5 个。

我已经检查并确认我的 sytnax 是正确的，这让我相信第三方库当前正在不正确地导入它们。

有什么方法可以webpack-bundle-analyzer用来查看是什么导致了完整的 rxjs 库被捆绑？

我正在为我的 Angular 7 应用程序运行 Webpack Bundle Analyzer，它产生的输出如下：

当按照此处的故障排除部分使用 webpack.optimize.ModuleConcatenationPlugin 时，这是一个已知的警告。他们对 Angular CLI < 6 提出了建议。我还在这里找到了建议注释掉 ModuleConcatenationPlugin 的建议，但是，它没有确定应该注释掉的位置。

你知道如何修复 Angular CLI 7.1.0 连接的模块吗？谢谢你的时间。