问题标签 [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.
webpack - 如何在 webpack 5. splitchunks.cacheGroup 中使用 ChunkGraph API?
在 webpack4 中:
在 webpack 5 中:
如何使用 ChunkGraph API?我尝试以这种方式使用,
不过chunkGraph.getChunkModules(module).length === 0
是真的。
我得到了这个链接
webpack - Webpack 合并入口和拆分块
有几个入口点:
a
b
共享代码要求:
- 条目中的所有内容
a
都应在所有其他条目之间共享
构建结果:
a.chunk.js
- 共享代码,仅包含块,没有 UMDa.bundle.js
- UMD 捆绑包b.bundle.js
- UMD 捆绑包
加载顺序:
- 加载
b
:a.chunk.js
,然后b.bundle.js
- 加载
a
:a.chunk.js
,然后a.bundle.js
我想在加载a
条目时删除其他请求。
问题 - 我如何合并a.chunk.js
和a.bundle.js
?结果,我想收到a.bundle.js
同时包含a
UMD 标头和共享块的信息。
我做了一个解决方法,现在,我只是在构建后立即合并两个文件。
我认为这不是一个好的解决方案,并且可能会破坏源映射并且模块哈希将无法按预期工作。
webpack - chunks.some 不是函数
我刚刚从 webpack 4 升级到 webpack 5,但是现在当我尝试构建我的解决方案时,它会抛出以下错误:
TypeError: chunks.some 不是函数
这是我的 webpack.config 中的行:
有谁知道这已被替换或我如何更改上述内容以使其正常工作?