61 lines
1.8 KiB
TypeScript
61 lines
1.8 KiB
TypeScript
import { ModuleFederationConfig } from '@nx/webpack/src/utils/module-federation';
|
|
import { getModuleFederationConfig } from './utils';
|
|
import type { AsyncNxComposableWebpackPlugin } from '@nx/webpack';
|
|
import ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
|
|
|
|
const isVarOrWindow = (libType?: string) =>
|
|
libType === 'var' || libType === 'window';
|
|
|
|
/**
|
|
* @param {ModuleFederationConfig} options
|
|
* @return {Promise<AsyncNxComposableWebpackPlugin>}
|
|
*/
|
|
export async function withModuleFederation(
|
|
options: ModuleFederationConfig
|
|
): Promise<AsyncNxComposableWebpackPlugin> {
|
|
const { sharedDependencies, sharedLibraries, mappedRemotes } =
|
|
await getModuleFederationConfig(options);
|
|
const isGlobal = isVarOrWindow(options.library?.type);
|
|
|
|
return (config, ctx) => {
|
|
config.output.uniqueName = options.name;
|
|
config.output.publicPath = 'auto';
|
|
|
|
if (isGlobal) {
|
|
config.output.scriptType = 'text/javascript';
|
|
}
|
|
|
|
config.optimization = {
|
|
runtimeChunk: false,
|
|
};
|
|
|
|
config.experiments = {
|
|
...config.experiments,
|
|
outputModule: !isGlobal,
|
|
};
|
|
|
|
config.plugins.push(
|
|
new ModuleFederationPlugin({
|
|
name: options.name,
|
|
library: options.library ?? { type: 'module' },
|
|
filename: 'remoteEntry.js',
|
|
exposes: options.exposes,
|
|
remotes: mappedRemotes,
|
|
shared: {
|
|
...sharedDependencies,
|
|
},
|
|
/**
|
|
* remoteType: 'script' is required for the remote to be loaded as a script tag.
|
|
* remotes will need to be defined as:
|
|
* { appX: 'appX@http://localhost:3001/remoteEntry.js' }
|
|
* { appY: 'appY@http://localhost:3002/remoteEntry.js' }
|
|
*/
|
|
...(isGlobal ? { remoteType: 'script' } : {}),
|
|
}),
|
|
sharedLibraries.getReplacementPlugin()
|
|
);
|
|
|
|
return config;
|
|
};
|
|
}
|