Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WIP: perf: reduce chunk map if remote entry chunk #2911

Open
wants to merge 20 commits into
base: chore/split-chunks-demo
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
71fa675
perf: reduce chunk map if remote entry chunk
ScriptedAlchemy Aug 31, 2024
b314d42
perf: reduce chunk map if remote entry chunk
ScriptedAlchemy Aug 31, 2024
7c60d1f
perf: reduce chunk map if remote entry chunk
ScriptedAlchemy Aug 31, 2024
93d6502
chore: use non vendored runtime to test
ScriptedAlchemy Aug 31, 2024
56bd582
chore: use non vendored runtime to test
ScriptedAlchemy Aug 31, 2024
472288f
fix: use normal module replacement for bundler runtime import
ScriptedAlchemy Aug 31, 2024
23e818a
chore: use esm for runtime resolve paths
ScriptedAlchemy Aug 31, 2024
f9e146d
chore: use esm for runtime resolve paths
ScriptedAlchemy Aug 31, 2024
ed8b69a
chore: use esm for runtime resolve paths
ScriptedAlchemy Aug 31, 2024
fbb7f1e
chore: use esm for runtime resolve paths
ScriptedAlchemy Aug 31, 2024
828daa2
chore: use esm for runtime resolve paths
ScriptedAlchemy Aug 31, 2024
e823904
fix: set used exports for all
ScriptedAlchemy Sep 1, 2024
9a9f707
fix: set used exports for all
ScriptedAlchemy Sep 2, 2024
09129c1
fix: set used exports for all
ScriptedAlchemy Sep 2, 2024
e64f7ed
fix: set used exports for all
ScriptedAlchemy Sep 2, 2024
98afaff
Merge branch 'chore/split-chunks-demo' into light-refer-chunk-remote
ScriptedAlchemy Sep 2, 2024
bbe7520
fix(enhanced): do not use embedded bundler runtime
ScriptedAlchemy Sep 2, 2024
258878d
Merge branch 'chore/split-chunks-demo' into light-refer-chunk-remote
ScriptedAlchemy Sep 4, 2024
23a362f
Merge branch 'chore/split-chunks-demo' into light-refer-chunk-remote
ScriptedAlchemy Sep 4, 2024
235f9cc
chore: docs
ScriptedAlchemy Sep 5, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 16 additions & 5 deletions packages/enhanced/src/lib/container/RemoteRuntimeModule.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import type ExternalModule from 'webpack/lib/ExternalModule';
import type FallbackModule from './FallbackModule';
import type { RemotesOptions } from '@module-federation/webpack-bundler-runtime';
import { FEDERATION_SUPPORTED_TYPES } from '@module-federation/webpack-bundler-runtime/constant';
import ContainerEntryModule from './ContainerEntryModule';

const extractUrlAndGlobal = require(
normalizeWebpackPath('webpack/lib/util/extractUrlAndGlobal'),
Expand Down Expand Up @@ -44,12 +45,22 @@ class RemoteRuntimeModule extends RuntimeModule {
// chunkReferences = this.chunk.getAllAsyncChunks();
// }
// }
let chunkReferences;
if (this.chunkGraph && this.chunk) {
const entryMods = Array.from(
this.chunkGraph.getChunkEntryModulesIterable(this.chunk),
);
const isRemoteEntry = entryMods.some(
(m) => m instanceof ContainerEntryModule,
);
chunkReferences = isRemoteEntry
? this.chunk.getAllAsyncChunks()
: this.chunk.getAllReferencedChunks();
} else {
chunkReferences = this.chunk?.getAllReferencedChunks() || [];
}

const allChunks = [
...Array.from(this.chunk?.getAllReferencedChunks() || []),
];

for (const chunk of allChunks) {
for (const chunk of chunkReferences) {
const modules = chunkGraph?.getChunkModulesIterableBySourceType(
chunk,
'remote',
Expand Down
27 changes: 17 additions & 10 deletions packages/enhanced/src/lib/sharing/ConsumeSharedRuntimeModule.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { normalizeWebpackPath } from '@module-federation/sdk/normalize-webpack-p
import type { Module, ChunkGraph, Compilation, Chunk } from 'webpack';
import ConsumeSharedModule from './ConsumeSharedModule';
import { getFederationGlobalScope } from '../container/runtime/utils';
import ContainerEntryModule from '../container/ContainerEntryModule';

const { Template, RuntimeGlobals, RuntimeModule } = require(
normalizeWebpackPath('webpack'),
Expand Down Expand Up @@ -92,15 +93,21 @@ class ConsumeSharedRuntimeModule extends RuntimeModule {
moduleIdToSourceMapping.set(id, sharedInfoAndHandlerStr);
}
};
// const chunkReferences = this._runtimeRequirements.has(
// 'federation-entry-startup',
// )
// ? this.chunk?.getAllReferencedChunks()
// : this.chunk?.getAllAsyncChunks();
//
// const allChunks = chunkReferences || [];
const allChunks = [...(this.chunk?.getAllReferencedChunks() || [])];
for (const chunk of allChunks) {
let chunkReferences;
if (this.chunkGraph && this.chunk) {
const entryMods = Array.from(
this.chunkGraph.getChunkEntryModulesIterable(this.chunk),
);
const isRemoteEntry = entryMods.some(
(m) => m instanceof ContainerEntryModule,
);
chunkReferences = isRemoteEntry
? this.chunk.getAllAsyncChunks()
: this.chunk.getAllReferencedChunks();
} else {
chunkReferences = this.chunk?.getAllReferencedChunks() || [];
}
for (const chunk of chunkReferences) {
const modules = chunkGraph.getChunkModulesIterableBySourceType(
chunk,
'consume-shared',
Expand All @@ -116,7 +123,7 @@ class ConsumeSharedRuntimeModule extends RuntimeModule {
(chunkToModuleMapping[chunk.id.toString()] = []),
);
}
for (const chunk of [...(this.chunk?.getAllInitialChunks() || [])]) {
for (const chunk of this.chunk?.getAllInitialChunks() || []) {
const modules = chunkGraph.getChunkModulesIterableBySourceType(
chunk,
'consume-shared',
Expand Down
Loading