问题标签 [commonschunkplugin]

在 webpack 3 中，我们曾经能够拥有一个依赖项，并且所有的依赖项都通过使用以下方式组合在一个“公共块”中：

在 Webpack 4 中，您需要使用 splitChunks。然而，现在一切都基于 minChunk 和 test，它不支持“Infinity”，如果你想得到与上面“相似”的东西，你现在需要使用下面的“test”，这样另一个“cacheGroup”不会捆绑这些依赖项：

虽然这在技术上是我可以使用的解决方案，但使用 Infinity 需要更少的代码来强制执行某些依赖项，最终形成一个非常具体的“公共块”。

有没有更好的方法在 Webpack 4 中实现同样的效果？

我已经构建了一个示例最小演示存储库： https ://github.com/fvigotti/webpack-errordemo

问题是当我添加这个（

进入 cacheGroups ，在编译过程中不会记录任何错误，输出 html 是通过导入生成的（除了 css ），并且 css 和 javascript 在编译后的输出中不再起作用..

我使用了官方自述页面中的代码......这是我的问题吗？也许这个库可以改进为在错误记录中更加详细？

谢谢你，弗朗切斯科

我还在mini-css-extract-plugin https://github.com/webpack-contrib/mini-css-extract-plugin/issues/180中打开了一个错误， 但我不能 100% 确定这是该插件的错误或配置错误。 . （这是一个非常简单的示例，我正在按照指南进行操作）

如果有人表明这不是此插件的错误，我将关闭该问题

我有一个多页网站。每个页面都有自己的入口点。我正在使用 CommonsChunkPlugin 将共享库提取到一个公共 js 文件中，该文件包含在我的所有页面中。

我有一页是不同的。此页面运行一些 JavaScript 并立即重定向到另一个页面。我希望此页面尽快加载。为了实现这一点，我内嵌了 JavaScript。JavaScript 确实使用了我的一个共享库，因此，该库通过 CommonsChunkPlugin 从条目中提取出来。我想免除这个条目。

我已经能够通过将每个 OTHER 条目传递到chunksCommonsChunkPlugin 的参数中来实现这一点，但这是维护的噩梦。理想情况下会有一个excludeChunks参数，但我没有看到。我怀疑还有另一种更优雅的方式来实现这一点。

任何帮助，将不胜感激。

我正在尝试从 3 迁移到 webpack4 并且我很难迁移CommonsChunkPlugin.

在 WP3 上，我有以下简化配置：

在 WP4 上，我已经使用optimization.splitChunks尝试了多种组合，但我无法让它以共享公共依赖项的方式正确捆绑我的模块，就像以前在 WP3 上一样。

这是我上次尝试时使用的，但最终捆绑包的大小要大得多：

我想在不同的块中有一些依赖项，所以 client.js 会更小。网络包 4.16.5

为什么我将相同的代码包含在几个块中？少了什么东西？

我们有一个传统的服务器渲染应用程序（非 SPA），其中每个页面都使用 vuejs 进行扩充

我们现有的 webpack 3 配置是

webpack.config.js

shared.js

pageA.js

shared.css

index.html

有了这个设置

1)runtime.js包含 webpack 加载器，因此任何更改shared.js都不会导致pageA.js缓存被破坏，反之亦然

2)shared.js包含任何共享依赖项（在这种情况下vue）以及每个页面的任何共享全局初始化（设置vue默认值等）。这也是我们导入共享的全局 css 文件的重点。

3)pageA.js不包含任何导入的依赖项shared.js（vue在这种情况下），但确实包含它导入的依赖项（axios在这种情况下）。

我们无法使用SplitChunksPlugin

1)SplitChunksPlugin似乎不允许将入口点作为分割点。

2) 所有示例都将所有节点模块依赖项拆分为供应商块。这对我们不起作用，因为我们有 100 个页面，但只有少数导入图形库或时刻等...我们不希望包含此图形库或时刻，shared.js因为它将被加载到所有页面.

3) 也不清楚如何将运行时拆分为自己的文件

SplitChunksPlugin似乎针对可以按需加载javascript的SPA。我们正在追踪的场景是否仍然受支持？

这是我从捆绑分析器插件获得的当前捆绑信息，

当前捆绑信息

我想将 jquery 移动到一个单独的块并将 css 提取到一个单独的单个 css 包中，是否有任何其他优化可以减少我的包大小？

我当前的 webpack 是这个 webpack.base.js

webpack.production.js

我正在使用 preload-webpack-plugin 以及用于 webpack 的 commonschunkplugin。我的 webpack 版本是 3。

现在的问题是使用 preloadplugin，我已经在我的 vue 应用程序中预取异步路由。但是由于也用到了commonschunkplugin，所以在页面加载之后，也会注入这样的标签——

所以，结果，页面变成了这样 -

我不希望插入最后两个脚本标签，因为我已经在预取它们。

这是我的相关 webpack 配置 -

我在以前的项目中有这个工作。但不知何故，我无法弄清楚为什么在这个项目中，这些异步标签不断被注入。我匹配了相同的 webpack 版本，尝试了各种配置变体，但没有任何效果。

对此的任何帮助将不胜感激！

我正在尝试将一个大文件导入到由 webpack 2 分块和 Uglified 的反应项目中。

我们的代码被分成块我们的块之一是 29MG。我想从卡盘中排除大文件并单独加载该大文件。

如何使用 webpack 2 将大文件拆分为自己的块？

我的文件

reactComponent 导入一个 js 文件，该文件具有将页面导出为 PDF 的代码

在 createPDF 中，我导入了一个非常大的文件，并且我想将该文件从支票中拆分出来。该文件不在node_modules 下。

我的一些 webpack 配置

是我可以拆分那个文件的一种方式吗？蒂亚！

我收到此错误

错误：webpack.optimize.CommonsChunkPlugin已被删除，请config.optimization.splitChunks改用。