问题标签 [splitchunksplugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
495 浏览

webpack - 如何在 webpack 5. splitchunks.cacheGroup 中使用 ChunkGraph API?

在 webpack4 中:

在 webpack 5 中:

如何使用 ChunkGraph API?我尝试以这种方式使用,

不过chunkGraph.getChunkModules(module).length === 0是真的。

我得到了这个链接

0 投票
0 回答
91 浏览

webpack - Webpack 合并入口和拆分块

有几个入口点:

  • a
  • b

共享代码要求:

  • 条目中的所有内容a都应在所有其他条目之间共享

构建结果:

  • a.chunk.js- 共享代码,仅包含块,没有 UMD
  • a.bundle.js- UMD 捆绑包
  • b.bundle.js- UMD 捆绑包

加载顺序:

  • 加载ba.chunk.js,然后b.bundle.js
  • 加载aa.chunk.js,然后a.bundle.js

我想在加载a条目时删除其他请求。

问题 - 我如何合并a.chunk.jsa.bundle.js?结果,我想收到a.bundle.js同时包含aUMD 标头和共享块的信息。


我做了一个解决方法,现在,我只是在构建后立即合并两个文件。

我认为这不是一个好的解决方案,并且可能会破坏源映射并且模块哈希将无法按预期工作。

0 投票
1 回答
81 浏览

webpack - chunks.some 不是函数

我刚刚从 webpack 4 升级到 webpack 5,但是现在当我尝试构建我的解决方案时,它会抛出以下错误:

TypeError: chunks.some 不是函数

这是我的 webpack.config 中的行:

有谁知道这已被替换或我如何更改上述内容以使其正常工作?

0 投票
0 回答
28 浏览

webpack - Webpack 5 splitChunks 配置

我想将 testD 文件导出到 2 个单独的文件中。一个文件被立即调用,另一个文件被称为异步。

从我的 webpack 配置中,我的设置允许将 testD 拆分为 2 个文件。

但从下图中我看到 asyncVendors 配置被覆盖。Lodash 异步文件不应该有 asyncVendors 名称而不是 asyncCommon 名称?

在此处输入图像描述

网络包配置

测试A.js

testB.js

testD.js