siblings not specified correctly in chunk（stats json） #19765
Replies: 2 comments 1 reply
-
|
Thanks for the feedback. After analyzing the issue, Maybe this is the expected behavior, Only chunks within the same ChunkGroup are considered siblings. ┌─────────────────────────────────────────────────────────────┐
│ Webpack Chunk Relationship │
└─────────────────────────────────────────────────────────────┘
┌─────────────────┐ ┌─────────────────┐
│ ChunkGroup A │ │ ChunkGroup B │
│ (Async Chunk) │ │ (Async Chunk) │
├─────────────────┤ ├─────────────────┤
│ │ │ │
│ ┌─────────┐ │ │ ┌─────────┐ │
│ │ foo │ │ │ │ bar │ │
│ │ (async) │ │ │ │ (async) │ │
│ └─────────┘ │ │ └─────────┘ │
│ │ │ │ │ │
│ │ │ │ │ │
│ ┌─────────┐ │ │ ┌─────────┐ │
│ │commonAsync│ │ │ │commonAsync│ │
│ │ _haha │ │ │ │ _haha │ │
│ │(common) │ │ │ │(common) │ │
│ └─────────┘ │ │ └─────────┘ │
└─────────────────┘ └─────────────────┘
│ │
└───────────────────────┘
│
┌─────────────┐
│ shared.js │
│(shared mod) │
└─────────────┘ |
Beta Was this translation helpful? Give feedback.
-
|
What do you mean by "ChunkGroup"? Is there a clearer definition? From your drawing above, it appears that "ChunkGroup" refers to the Chunk before the "cacheGroups" logic takes effect, i.e., the initial/async chunk emitted by Webpack originally. |
Beta Was this translation helpful? Give feedback.
-
It is |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Here is the setting for webpack
Here is the js file
We can see above that 'foo' and 'bar' should be async chunks, And there are some common parts in 'foo' and 'bar' which will be separated as another chunk named commonAsync_haha due to the cacheGroups config.
However in the stats json
{ "rendered": true, "initial": false, "entry": false, "recorded": false, "size": 137, "sizes": { "javascript": 137 }, "names": ["bar"], "idHints": [], "runtime": ["runtime"], "files": ["bar.js"], "auxiliaryFiles": [], "hash": "b442fc42eec6ab766a95", "childrenByOrder": {}, "id": "bar", "siblings": ["commonAsync_haha"], "parents": ["commonInitial_haha", "index", "lib_haha", "runtime"], "children": [], }, { "rendered": true, "initial": false, "entry": false, "recorded": false, "reason": "split chunk (cache group: commonAsync) (name: commonAsync_haha)", "size": 85, "sizes": { "javascript": 85 }, "names": ["commonAsync_haha"], "idHints": ["commonAsync"], "runtime": ["runtime"], "files": ["commonAsync_haha.js"], "auxiliaryFiles": [], "hash": "0dfd0fa2b5b03aaf5b88", "childrenByOrder": {}, "id": "commonAsync_haha", "siblings": ["bar", "foo"], "parents": ["commonInitial_haha", "index", "lib_haha", "runtime"], "children": [], }, { "rendered": true, "initial": false, "entry": false, "recorded": false, "size": 137, "sizes": { "javascript": 137 }, "names": ["foo"], "idHints": [], "runtime": ["runtime"], "files": ["foo.js"], "auxiliaryFiles": [], "hash": "b629a11b05221e528bda", "childrenByOrder": {}, "id": "foo", "siblings": ["commonAsync_haha"], "parents": ["commonInitial_haha", "index", "lib_haha", "runtime"], "children": [], },The siblings of foo/bar are ["commonAsync_haha"], while the siblings of commonAsync_haha is ["bar", "foo"].
Here is the webpack "version": "5.100.2",
Beta Was this translation helpful? Give feedback.
All reactions