@module-federation/vite 1.7.1 → 1.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs +262 -139
- package/lib/index.esm.js +263 -140
- package/lib/index.modern.js +234 -127
- package/lib/index.umd.js +262 -139
- package/lib/plugins/pluginMFManifest.d.ts +1 -1
- package/lib/utils/__tests__/cssModuleHelpers.test.d.ts +1 -0
- package/lib/utils/cssModuleHelpers.d.ts +75 -0
- package/package.json +20 -17
package/lib/index.esm.js
CHANGED
|
@@ -2,7 +2,7 @@ import defu from 'defu';
|
|
|
2
2
|
import * as fs from 'fs';
|
|
3
3
|
import { mkdirSync, writeFileSync, existsSync, writeFile } from 'fs';
|
|
4
4
|
import * as path from 'pathe';
|
|
5
|
-
import path__default, { resolve, basename, parse, join, dirname
|
|
5
|
+
import path__default, { resolve, basename, parse, join, dirname } from 'pathe';
|
|
6
6
|
import { createFilter } from '@rollup/pluginutils';
|
|
7
7
|
import { walk } from 'estree-walker';
|
|
8
8
|
import MagicString from 'magic-string';
|
|
@@ -98,7 +98,7 @@ var addEntry = function addEntry(_ref) {
|
|
|
98
98
|
emitFileOptions.fileName = fileName;
|
|
99
99
|
}
|
|
100
100
|
emitFileId = this.emitFile(emitFileOptions);
|
|
101
|
-
if (htmlFilePath) {
|
|
101
|
+
if (htmlFilePath && fs.existsSync(htmlFilePath)) {
|
|
102
102
|
var htmlContent = fs.readFileSync(htmlFilePath, 'utf-8');
|
|
103
103
|
var scriptRegex = /<script\s+[^>]*src=["']([^"']+)["'][^>]*>/gi;
|
|
104
104
|
var match;
|
|
@@ -137,10 +137,14 @@ var addEntry = function addEntry(_ref) {
|
|
|
137
137
|
*/
|
|
138
138
|
function PluginDevProxyModuleTopLevelAwait() {
|
|
139
139
|
var filterFunction = createFilter();
|
|
140
|
+
var processedFlag = '/* already-processed-by-dev-proxy-module-top-level-await */';
|
|
140
141
|
return {
|
|
141
142
|
name: 'dev-proxy-module-top-level-await',
|
|
142
143
|
apply: 'serve',
|
|
143
144
|
transform: function transform(code, id) {
|
|
145
|
+
if (code.includes(processedFlag)) {
|
|
146
|
+
return null;
|
|
147
|
+
}
|
|
144
148
|
if (!code.includes('/*mf top-level-await placeholder replacement mf*/')) {
|
|
145
149
|
return null;
|
|
146
150
|
}
|
|
@@ -193,8 +197,9 @@ function PluginDevProxyModuleTopLevelAwait() {
|
|
|
193
197
|
}
|
|
194
198
|
}
|
|
195
199
|
});
|
|
200
|
+
var transformedCode = magicString.toString();
|
|
196
201
|
return {
|
|
197
|
-
code:
|
|
202
|
+
code: processedFlag + "\n" + transformedCode,
|
|
198
203
|
map: magicString.generateMap({
|
|
199
204
|
hires: true
|
|
200
205
|
})
|
|
@@ -692,9 +697,9 @@ function writeLocalSharedImportMap() {
|
|
|
692
697
|
}
|
|
693
698
|
function generateLocalSharedImportMap() {
|
|
694
699
|
var options = getNormalizeModuleFederationOptions();
|
|
695
|
-
return "\n const importMap = {\n " + Array.from(getUsedShares()).map(function (pkg) {
|
|
700
|
+
return "\n const importMap = {\n " + Array.from(getUsedShares()).sort().map(function (pkg) {
|
|
696
701
|
return "\n " + JSON.stringify(pkg) + ": async () => {\n let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\")\n return pkg\n }\n ";
|
|
697
|
-
}).join(',') + "\n }\n const usedShared = {\n " + Array.from(getUsedShares()).map(function (key) {
|
|
702
|
+
}).join(',') + "\n }\n const usedShared = {\n " + Array.from(getUsedShares()).sort().map(function (key) {
|
|
698
703
|
var shareItem = getNormalizeShareItem(key);
|
|
699
704
|
if (!shareItem) return null;
|
|
700
705
|
return "\n " + JSON.stringify(key) + ": {\n name: " + JSON.stringify(key) + ",\n version: " + JSON.stringify(shareItem.version) + ",\n scope: [" + JSON.stringify(shareItem.scope) + "],\n loaded: false,\n from: " + JSON.stringify(options.name) + ",\n async get () {\n usedShared[" + JSON.stringify(key) + "].loaded = true\n const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap \n const res = await pkgDynamicImport()\n const exportModule = {...res}\n // All npm packages pre-built by vite will be converted to esm\n Object.defineProperty(exportModule, \"__esModule\", {\n value: true,\n enumerable: false\n })\n return function () {\n return exportModule\n }\n },\n shareConfig: {\n singleton: " + shareItem.shareConfig.singleton + ",\n requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n }\n }\n ";
|
|
@@ -742,6 +747,154 @@ function initVirtualModules() {
|
|
|
742
747
|
writeRuntimeInitStatus();
|
|
743
748
|
}
|
|
744
749
|
|
|
750
|
+
var ASSET_TYPES = ['js', 'css'];
|
|
751
|
+
var LOAD_TIMINGS = ['sync', 'async'];
|
|
752
|
+
var JS_EXTENSIONS = ['.ts', '.tsx', '.jsx', '.mjs', '.cjs'];
|
|
753
|
+
/**
|
|
754
|
+
* Creates an empty asset map structure for tracking JS and CSS assets
|
|
755
|
+
* @returns Initialized asset map with sync/async arrays for JS and CSS
|
|
756
|
+
*/
|
|
757
|
+
var createEmptyAssetMap = function createEmptyAssetMap() {
|
|
758
|
+
return {
|
|
759
|
+
js: {
|
|
760
|
+
sync: [],
|
|
761
|
+
async: []
|
|
762
|
+
},
|
|
763
|
+
css: {
|
|
764
|
+
sync: [],
|
|
765
|
+
async: []
|
|
766
|
+
}
|
|
767
|
+
};
|
|
768
|
+
};
|
|
769
|
+
/**
|
|
770
|
+
* Tracks an asset in the preload map with deduplication
|
|
771
|
+
* @param map - The preload map to update
|
|
772
|
+
* @param key - The module key to track under
|
|
773
|
+
* @param fileName - The asset filename to track
|
|
774
|
+
* @param isAsync - Whether the asset is loaded async
|
|
775
|
+
* @param type - The asset type ('js' or 'css')
|
|
776
|
+
*/
|
|
777
|
+
var trackAsset = function trackAsset(map, key, fileName, isAsync, type) {
|
|
778
|
+
if (!map[key]) {
|
|
779
|
+
map[key] = createEmptyAssetMap();
|
|
780
|
+
}
|
|
781
|
+
var target = isAsync ? map[key][type].async : map[key][type].sync;
|
|
782
|
+
if (!target.includes(fileName)) {
|
|
783
|
+
target.push(fileName);
|
|
784
|
+
}
|
|
785
|
+
};
|
|
786
|
+
/**
|
|
787
|
+
* Checks if a file is a CSS file by extension
|
|
788
|
+
* @param fileName - The filename to check
|
|
789
|
+
* @returns True if file has a CSS extension (.css, .scss, .less)
|
|
790
|
+
*/
|
|
791
|
+
var isCSSFile = function isCSSFile(fileName) {
|
|
792
|
+
return fileName.endsWith('.css') || fileName.endsWith('.scss') || fileName.endsWith('.less');
|
|
793
|
+
};
|
|
794
|
+
/**
|
|
795
|
+
* Collects all CSS assets from the bundle
|
|
796
|
+
* @param bundle - The Rollup output bundle
|
|
797
|
+
* @returns Set of CSS asset filenames
|
|
798
|
+
*/
|
|
799
|
+
var collectCssAssets = function collectCssAssets(bundle) {
|
|
800
|
+
var cssAssets = new Set();
|
|
801
|
+
for (var _i = 0, _Object$entries = Object.entries(bundle); _i < _Object$entries.length; _i++) {
|
|
802
|
+
var _Object$entries$_i = _Object$entries[_i],
|
|
803
|
+
fileName = _Object$entries$_i[0],
|
|
804
|
+
fileData = _Object$entries$_i[1];
|
|
805
|
+
if (fileData.type === 'asset' && isCSSFile(fileName)) {
|
|
806
|
+
cssAssets.add(fileName);
|
|
807
|
+
}
|
|
808
|
+
}
|
|
809
|
+
return cssAssets;
|
|
810
|
+
};
|
|
811
|
+
/**
|
|
812
|
+
* Processes module assets and tracks them in the files map
|
|
813
|
+
* @param bundle - The Rollup output bundle
|
|
814
|
+
* @param filesMap - The preload map to populate
|
|
815
|
+
* @param moduleMatcher - Function that matches module paths to keys
|
|
816
|
+
*/
|
|
817
|
+
var processModuleAssets = function processModuleAssets(bundle, filesMap, moduleMatcher) {
|
|
818
|
+
for (var _i2 = 0, _Object$entries2 = Object.entries(bundle); _i2 < _Object$entries2.length; _i2++) {
|
|
819
|
+
var _Object$entries2$_i = _Object$entries2[_i2],
|
|
820
|
+
fileName = _Object$entries2$_i[0],
|
|
821
|
+
fileData = _Object$entries2$_i[1];
|
|
822
|
+
if (fileData.type !== 'chunk') continue;
|
|
823
|
+
if (!fileData.modules) continue;
|
|
824
|
+
for (var _i3 = 0, _Object$keys = Object.keys(fileData.modules); _i3 < _Object$keys.length; _i3++) {
|
|
825
|
+
var modulePath = _Object$keys[_i3];
|
|
826
|
+
var matchKey = moduleMatcher(modulePath);
|
|
827
|
+
if (!matchKey) continue;
|
|
828
|
+
// Track main JS chunk
|
|
829
|
+
trackAsset(filesMap, matchKey, fileName, false, 'js');
|
|
830
|
+
// Handle dynamic imports
|
|
831
|
+
if (fileData.dynamicImports) {
|
|
832
|
+
for (var _iterator = _createForOfIteratorHelperLoose(fileData.dynamicImports), _step; !(_step = _iterator()).done;) {
|
|
833
|
+
var dynamicImport = _step.value;
|
|
834
|
+
var importData = bundle[dynamicImport];
|
|
835
|
+
if (!importData) continue;
|
|
836
|
+
var isCss = isCSSFile(dynamicImport);
|
|
837
|
+
trackAsset(filesMap, matchKey, dynamicImport, true, isCss ? 'css' : 'js');
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
}
|
|
842
|
+
};
|
|
843
|
+
/**
|
|
844
|
+
* Deduplicates assets in the files map
|
|
845
|
+
* @param filesMap - The preload map to deduplicate
|
|
846
|
+
* @returns New deduplicated preload map
|
|
847
|
+
*/
|
|
848
|
+
var deduplicateAssets = function deduplicateAssets(filesMap) {
|
|
849
|
+
var result = {};
|
|
850
|
+
for (var _i4 = 0, _Object$entries3 = Object.entries(filesMap); _i4 < _Object$entries3.length; _i4++) {
|
|
851
|
+
var _Object$entries3$_i = _Object$entries3[_i4],
|
|
852
|
+
key = _Object$entries3$_i[0],
|
|
853
|
+
assetMaps = _Object$entries3$_i[1];
|
|
854
|
+
result[key] = createEmptyAssetMap();
|
|
855
|
+
for (var _i5 = 0, _ASSET_TYPES = ASSET_TYPES; _i5 < _ASSET_TYPES.length; _i5++) {
|
|
856
|
+
var type = _ASSET_TYPES[_i5];
|
|
857
|
+
for (var _i6 = 0, _LOAD_TIMINGS = LOAD_TIMINGS; _i6 < _LOAD_TIMINGS.length; _i6++) {
|
|
858
|
+
var timing = _LOAD_TIMINGS[_i6];
|
|
859
|
+
result[key][type][timing] = Array.from(new Set(assetMaps[type][timing]));
|
|
860
|
+
}
|
|
861
|
+
}
|
|
862
|
+
}
|
|
863
|
+
return result;
|
|
864
|
+
};
|
|
865
|
+
/**
|
|
866
|
+
* Builds a mapping between module files and their share keys
|
|
867
|
+
* @param shareKeys - Set of share keys to map
|
|
868
|
+
* @param resolveFn - Function to resolve module paths
|
|
869
|
+
* @returns Map of file paths to their corresponding share keys
|
|
870
|
+
*/
|
|
871
|
+
var buildFileToShareKeyMap = function buildFileToShareKeyMap(shareKeys, resolveFn) {
|
|
872
|
+
try {
|
|
873
|
+
var fileToShareKey = new Map();
|
|
874
|
+
return Promise.resolve(Promise.all(Array.from(shareKeys).map(function (shareKey) {
|
|
875
|
+
return resolveFn(getPreBuildLibImportId(shareKey)).then(function (resolution) {
|
|
876
|
+
var _resolution$id;
|
|
877
|
+
return {
|
|
878
|
+
shareKey: shareKey,
|
|
879
|
+
file: resolution == null || (_resolution$id = resolution.id) == null ? void 0 : _resolution$id.split('?')[0]
|
|
880
|
+
};
|
|
881
|
+
})["catch"](function () {
|
|
882
|
+
return null;
|
|
883
|
+
});
|
|
884
|
+
}))).then(function (resolutions) {
|
|
885
|
+
for (var _iterator2 = _createForOfIteratorHelperLoose(resolutions), _step2; !(_step2 = _iterator2()).done;) {
|
|
886
|
+
var resolution = _step2.value;
|
|
887
|
+
if (resolution != null && resolution.file) {
|
|
888
|
+
fileToShareKey.set(resolution.file, resolution.shareKey);
|
|
889
|
+
}
|
|
890
|
+
}
|
|
891
|
+
return fileToShareKey;
|
|
892
|
+
});
|
|
893
|
+
} catch (e) {
|
|
894
|
+
return Promise.reject(e);
|
|
895
|
+
}
|
|
896
|
+
};
|
|
897
|
+
|
|
745
898
|
var Manifest = function Manifest() {
|
|
746
899
|
var mfOptions = getNormalizeModuleFederationOptions();
|
|
747
900
|
var name = mfOptions.name,
|
|
@@ -753,21 +906,43 @@ var Manifest = function Manifest() {
|
|
|
753
906
|
mfManifestName = 'mf-manifest.json';
|
|
754
907
|
}
|
|
755
908
|
if (typeof manifestOptions !== 'boolean') {
|
|
756
|
-
mfManifestName = join((manifestOptions == null ? void 0 : manifestOptions.filePath) || '', (manifestOptions == null ? void 0 : manifestOptions.fileName) || '');
|
|
909
|
+
mfManifestName = path.join((manifestOptions == null ? void 0 : manifestOptions.filePath) || '', (manifestOptions == null ? void 0 : manifestOptions.fileName) || '');
|
|
757
910
|
}
|
|
758
|
-
var extensions;
|
|
759
911
|
var root;
|
|
760
912
|
var remoteEntryFile;
|
|
761
913
|
var publicPath;
|
|
762
914
|
var _command;
|
|
763
915
|
var _originalConfigBase;
|
|
764
916
|
var viteConfig;
|
|
917
|
+
/**
|
|
918
|
+
* Adds global CSS assets to all module exports
|
|
919
|
+
* @param filesMap - The preload map to update
|
|
920
|
+
* @param cssAssets - Set of CSS asset filenames to add
|
|
921
|
+
*/
|
|
922
|
+
var addCssAssetsToAllExports = function addCssAssetsToAllExports(filesMap, cssAssets) {
|
|
923
|
+
Object.keys(filesMap).forEach(function (key) {
|
|
924
|
+
cssAssets.forEach(function (cssAsset) {
|
|
925
|
+
trackAsset(filesMap, key, cssAsset, false, 'css');
|
|
926
|
+
});
|
|
927
|
+
});
|
|
928
|
+
};
|
|
765
929
|
return [{
|
|
766
930
|
name: 'module-federation-manifest',
|
|
767
931
|
apply: 'serve',
|
|
932
|
+
/**
|
|
933
|
+
* Stores resolved Vite config for later use
|
|
934
|
+
*/
|
|
935
|
+
/**
|
|
936
|
+
* Finalizes configuration after all plugins are resolved
|
|
937
|
+
* @param config - Fully resolved Vite config
|
|
938
|
+
*/
|
|
768
939
|
configResolved: function configResolved(config) {
|
|
769
940
|
viteConfig = config;
|
|
770
941
|
},
|
|
942
|
+
/**
|
|
943
|
+
* Configures dev server middleware to handle manifest requests
|
|
944
|
+
* @param server - Vite dev server instance
|
|
945
|
+
*/
|
|
771
946
|
configureServer: function configureServer(server) {
|
|
772
947
|
server.middlewares.use(function (req, res, next) {
|
|
773
948
|
var _req$url;
|
|
@@ -815,137 +990,85 @@ var Manifest = function Manifest() {
|
|
|
815
990
|
}, {
|
|
816
991
|
name: 'module-federation-manifest',
|
|
817
992
|
enforce: 'post',
|
|
993
|
+
/**
|
|
994
|
+
* Initial plugin configuration
|
|
995
|
+
* @param config - Vite config object
|
|
996
|
+
* @param command - Current Vite command (serve/build)
|
|
997
|
+
*/
|
|
818
998
|
config: function config(_config, _ref) {
|
|
819
999
|
var command = _ref.command;
|
|
820
1000
|
if (!_config.build) _config.build = {};
|
|
821
|
-
if (!_config.build.manifest)
|
|
1001
|
+
if (!_config.build.manifest) {
|
|
1002
|
+
_config.build.manifest = _config.build.manifest || !!manifestOptions;
|
|
1003
|
+
}
|
|
822
1004
|
_command = command;
|
|
823
1005
|
_originalConfigBase = _config.base;
|
|
824
1006
|
},
|
|
825
1007
|
configResolved: function configResolved(config) {
|
|
826
1008
|
root = config.root;
|
|
827
|
-
extensions = config.resolve.extensions || ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json'];
|
|
828
1009
|
var base = config.base;
|
|
829
1010
|
if (_command === 'serve') {
|
|
830
1011
|
base = (config.server.origin || '') + config.base;
|
|
831
1012
|
}
|
|
832
1013
|
publicPath = _originalConfigBase === '' ? 'auto' : base ? base.replace(/\/?$/, '/') : 'auto';
|
|
833
1014
|
},
|
|
1015
|
+
/**
|
|
1016
|
+
* Generates the module federation manifest file
|
|
1017
|
+
* @param options - Rollup output options
|
|
1018
|
+
* @param bundle - Generated bundle assets
|
|
1019
|
+
*/
|
|
834
1020
|
generateBundle: function generateBundle(options, bundle) {
|
|
835
1021
|
try {
|
|
836
1022
|
var _this = this;
|
|
837
|
-
// 递归查找模块的同步导入文件
|
|
838
|
-
var _findSynchronousImports = function findSynchronousImports(fileName, array) {
|
|
839
|
-
var fileData = bundle[fileName];
|
|
840
|
-
if (fileData && fileData.type === 'chunk') {
|
|
841
|
-
array.push(fileName); // 将当前文件加入预加载列表
|
|
842
|
-
// 遍历该文件的同步导入文件
|
|
843
|
-
fileData.imports.forEach(function (importedFile) {
|
|
844
|
-
if (array.indexOf(importedFile) === -1) {
|
|
845
|
-
_findSynchronousImports(importedFile, array); // 递归查找同步导入的文件
|
|
846
|
-
}
|
|
847
|
-
});
|
|
848
|
-
}
|
|
849
|
-
};
|
|
850
1023
|
if (!mfManifestName) return Promise.resolve();
|
|
851
|
-
var
|
|
852
|
-
|
|
853
|
-
}); // 获取你提供的 moduleIds
|
|
854
|
-
var filesContainingModules = {};
|
|
855
|
-
// 帮助函数:检查模块路径是否匹配
|
|
856
|
-
var isModuleMatched = function isModuleMatched(relativeModulePath, preloadModule) {
|
|
857
|
-
// 先尝试直接匹配
|
|
858
|
-
if (relativeModulePath === preloadModule) return true;
|
|
859
|
-
// 如果 preloadModule 没有后缀,尝试添加可能的后缀进行匹配
|
|
860
|
-
for (var _iterator = _createForOfIteratorHelperLoose(extensions), _step; !(_step = _iterator()).done;) {
|
|
861
|
-
var ext = _step.value;
|
|
862
|
-
if (relativeModulePath === "" + preloadModule + ext) {
|
|
863
|
-
return true;
|
|
864
|
-
}
|
|
865
|
-
}
|
|
866
|
-
return false;
|
|
867
|
-
};
|
|
868
|
-
// 遍历打包生成的每个文件
|
|
1024
|
+
var filesMap = {};
|
|
1025
|
+
// First pass: Find remoteEntry file
|
|
869
1026
|
for (var _i = 0, _Object$entries = Object.entries(bundle); _i < _Object$entries.length; _i++) {
|
|
870
1027
|
var _Object$entries$_i = _Object$entries[_i],
|
|
871
|
-
|
|
1028
|
+
_ = _Object$entries$_i[0],
|
|
872
1029
|
fileData = _Object$entries$_i[1];
|
|
873
1030
|
if (mfOptions.filename.replace(/[\[\]]/g, '_').replace(/\.[^/.]+$/, '') === fileData.name || fileData.name === 'remoteEntry') {
|
|
874
1031
|
remoteEntryFile = fileData.fileName;
|
|
875
|
-
|
|
876
|
-
if (fileData.type === 'chunk') {
|
|
877
|
-
// 遍历该文件的所有模块
|
|
878
|
-
for (var _i2 = 0, _Object$keys = Object.keys(fileData.modules); _i2 < _Object$keys.length; _i2++) {
|
|
879
|
-
var modulePath = _Object$keys[_i2];
|
|
880
|
-
// 将绝对路径转换为相对于 Vite root 的相对路径
|
|
881
|
-
var relativeModulePath = relative(root, modulePath);
|
|
882
|
-
// 检查模块是否在 preloadModules 列表中
|
|
883
|
-
for (var _iterator2 = _createForOfIteratorHelperLoose(exposesModules), _step2; !(_step2 = _iterator2()).done;) {
|
|
884
|
-
var preloadModule = _step2.value;
|
|
885
|
-
var formatPreloadModule = preloadModule.replace('./', '');
|
|
886
|
-
if (isModuleMatched(relativeModulePath, formatPreloadModule)) {
|
|
887
|
-
var _filesContainingModul;
|
|
888
|
-
if (!filesContainingModules[preloadModule]) {
|
|
889
|
-
filesContainingModules[preloadModule] = {
|
|
890
|
-
sync: [],
|
|
891
|
-
async: []
|
|
892
|
-
};
|
|
893
|
-
}
|
|
894
|
-
console.log(Object.keys(fileData.modules));
|
|
895
|
-
filesContainingModules[preloadModule].sync.push(fileName);
|
|
896
|
-
(_filesContainingModul = filesContainingModules[preloadModule].async).push.apply(_filesContainingModul, fileData.dynamicImports || []);
|
|
897
|
-
_findSynchronousImports(fileName, filesContainingModules[preloadModule].sync);
|
|
898
|
-
break; // 如果找到匹配,跳出循环
|
|
899
|
-
}
|
|
900
|
-
}
|
|
901
|
-
}
|
|
1032
|
+
break; // We can break early since we only need to find remoteEntry once
|
|
902
1033
|
}
|
|
903
1034
|
}
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
var _Object$entries2$_i = _Object$entries2[_i3],
|
|
918
|
-
_fileName = _Object$entries2$_i[0],
|
|
919
|
-
_fileData = _Object$entries2$_i[1];
|
|
920
|
-
if (_fileData.type === 'chunk') {
|
|
921
|
-
// 遍历该文件的所有模块
|
|
922
|
-
for (var _i4 = 0, _Object$keys2 = Object.keys(_fileData.modules); _i4 < _Object$keys2.length; _i4++) {
|
|
923
|
-
var _modulePath = _Object$keys2[_i4];
|
|
924
|
-
var sharedKey = fileToShareKey[_modulePath];
|
|
925
|
-
if (sharedKey) {
|
|
926
|
-
var _filesContainingModul2;
|
|
927
|
-
if (!filesContainingModules[sharedKey]) {
|
|
928
|
-
filesContainingModules[sharedKey] = {
|
|
929
|
-
sync: [],
|
|
930
|
-
async: []
|
|
931
|
-
};
|
|
932
|
-
}
|
|
933
|
-
filesContainingModules[sharedKey].sync.push(_fileName);
|
|
934
|
-
(_filesContainingModul2 = filesContainingModules[sharedKey].async).push.apply(_filesContainingModul2, _fileData.dynamicImports || []);
|
|
935
|
-
_findSynchronousImports(_fileName, filesContainingModules[sharedKey].sync);
|
|
936
|
-
break; // 如果找到匹配,跳出循环
|
|
937
|
-
}
|
|
938
|
-
}
|
|
1035
|
+
// Second pass: Collect all CSS assets
|
|
1036
|
+
var allCssAssets = collectCssAssets(bundle);
|
|
1037
|
+
var exposesModules = Object.keys(mfOptions.exposes).map(function (item) {
|
|
1038
|
+
return mfOptions.exposes[item]["import"];
|
|
1039
|
+
});
|
|
1040
|
+
// Process exposed modules
|
|
1041
|
+
processModuleAssets(bundle, filesMap, function (modulePath) {
|
|
1042
|
+
var absoluteModulePath = path.resolve(root, modulePath);
|
|
1043
|
+
return exposesModules.find(function (exposeModule) {
|
|
1044
|
+
var exposePath = path.resolve(root, exposeModule);
|
|
1045
|
+
// First try exact path match
|
|
1046
|
+
if (absoluteModulePath === exposePath) {
|
|
1047
|
+
return true;
|
|
939
1048
|
}
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
1049
|
+
// Then try path match without known extensions
|
|
1050
|
+
var getPathWithoutKnownExt = function getPathWithoutKnownExt(filePath) {
|
|
1051
|
+
var ext = path.extname(filePath);
|
|
1052
|
+
return JS_EXTENSIONS.includes(ext) ? path.join(path.dirname(filePath), path.basename(filePath, ext)) : filePath;
|
|
1053
|
+
};
|
|
1054
|
+
var modulePathNoExt = getPathWithoutKnownExt(absoluteModulePath);
|
|
1055
|
+
var exposePathNoExt = getPathWithoutKnownExt(exposePath);
|
|
1056
|
+
return modulePathNoExt === exposePathNoExt;
|
|
944
1057
|
});
|
|
1058
|
+
});
|
|
1059
|
+
// Process shared modules
|
|
1060
|
+
return Promise.resolve(buildFileToShareKeyMap(getUsedShares(), _this.resolve.bind(_this))).then(function (fileToShareKey) {
|
|
1061
|
+
processModuleAssets(bundle, filesMap, function (modulePath) {
|
|
1062
|
+
return fileToShareKey.get(modulePath);
|
|
1063
|
+
});
|
|
1064
|
+
// Add all CSS assets to every export
|
|
1065
|
+
addCssAssetsToAllExports(filesMap, allCssAssets);
|
|
1066
|
+
// Final deduplication of all assets
|
|
1067
|
+
filesMap = deduplicateAssets(filesMap);
|
|
945
1068
|
_this.emitFile({
|
|
946
1069
|
type: 'asset',
|
|
947
1070
|
fileName: mfManifestName,
|
|
948
|
-
source: JSON.stringify(generateMFManifest(
|
|
1071
|
+
source: JSON.stringify(generateMFManifest(filesMap))
|
|
949
1072
|
});
|
|
950
1073
|
});
|
|
951
1074
|
} catch (e) {
|
|
@@ -953,6 +1076,11 @@ var Manifest = function Manifest() {
|
|
|
953
1076
|
}
|
|
954
1077
|
}
|
|
955
1078
|
}];
|
|
1079
|
+
/**
|
|
1080
|
+
* Generates the final manifest JSON structure
|
|
1081
|
+
* @param preloadMap - Map of module assets to include
|
|
1082
|
+
* @returns Complete manifest object
|
|
1083
|
+
*/
|
|
956
1084
|
function generateMFManifest(preloadMap) {
|
|
957
1085
|
var options = getNormalizeModuleFederationOptions();
|
|
958
1086
|
var name = options.name;
|
|
@@ -961,23 +1089,23 @@ var Manifest = function Manifest() {
|
|
|
961
1089
|
path: '',
|
|
962
1090
|
type: 'module'
|
|
963
1091
|
};
|
|
964
|
-
|
|
965
|
-
var
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
1092
|
+
// Process remotes
|
|
1093
|
+
var remotes = Array.from(Object.entries(getUsedRemotesMap())).flatMap(function (_ref2) {
|
|
1094
|
+
var remoteKey = _ref2[0],
|
|
1095
|
+
modules = _ref2[1];
|
|
1096
|
+
return Array.from(modules).map(function (moduleKey) {
|
|
1097
|
+
return {
|
|
970
1098
|
federationContainerName: options.remotes[remoteKey].entry,
|
|
971
1099
|
moduleName: moduleKey.replace(remoteKey, '').replace('/', ''),
|
|
972
1100
|
alias: remoteKey,
|
|
973
1101
|
entry: '*'
|
|
974
|
-
}
|
|
1102
|
+
};
|
|
975
1103
|
});
|
|
976
1104
|
});
|
|
977
|
-
//
|
|
1105
|
+
// Process shared dependencies
|
|
978
1106
|
var shared = Array.from(getUsedShares()).map(function (shareKey) {
|
|
979
|
-
var _preloadMap$shareKey, _preloadMap$shareKey2;
|
|
980
1107
|
var shareItem = getNormalizeShareItem(shareKey);
|
|
1108
|
+
var assets = preloadMap[shareKey] || createEmptyAssetMap();
|
|
981
1109
|
return {
|
|
982
1110
|
id: name + ":" + shareKey,
|
|
983
1111
|
name: shareKey,
|
|
@@ -985,42 +1113,40 @@ var Manifest = function Manifest() {
|
|
|
985
1113
|
requiredVersion: shareItem.shareConfig.requiredVersion,
|
|
986
1114
|
assets: {
|
|
987
1115
|
js: {
|
|
988
|
-
async:
|
|
989
|
-
sync:
|
|
1116
|
+
async: assets.js.async,
|
|
1117
|
+
sync: assets.js.sync
|
|
990
1118
|
},
|
|
991
1119
|
css: {
|
|
992
|
-
async:
|
|
993
|
-
sync:
|
|
1120
|
+
async: assets.css.async,
|
|
1121
|
+
sync: assets.css.sync
|
|
994
1122
|
}
|
|
995
1123
|
}
|
|
996
1124
|
};
|
|
997
|
-
}).filter(
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
// assets(.css, .jpg, .svg等)其他资源, 不重要, 暂未处理
|
|
1125
|
+
}).filter(Boolean);
|
|
1126
|
+
// Process exposed modules
|
|
1127
|
+
var exposes = Object.entries(options.exposes).map(function (_ref3) {
|
|
1128
|
+
var key = _ref3[0],
|
|
1129
|
+
value = _ref3[1];
|
|
1003
1130
|
var formatKey = key.replace('./', '');
|
|
1004
|
-
var sourceFile =
|
|
1131
|
+
var sourceFile = value["import"];
|
|
1132
|
+
var assets = preloadMap[sourceFile] || createEmptyAssetMap();
|
|
1005
1133
|
return {
|
|
1006
|
-
id: name +
|
|
1134
|
+
id: name + ":" + formatKey,
|
|
1007
1135
|
name: formatKey,
|
|
1008
1136
|
assets: {
|
|
1009
1137
|
js: {
|
|
1010
|
-
async:
|
|
1011
|
-
sync:
|
|
1138
|
+
async: assets.js.async,
|
|
1139
|
+
sync: assets.js.sync
|
|
1012
1140
|
},
|
|
1013
1141
|
css: {
|
|
1014
|
-
|
|
1015
|
-
|
|
1142
|
+
async: assets.css.async,
|
|
1143
|
+
sync: assets.css.sync
|
|
1016
1144
|
}
|
|
1017
1145
|
},
|
|
1018
1146
|
path: key
|
|
1019
1147
|
};
|
|
1020
|
-
}).filter(
|
|
1021
|
-
|
|
1022
|
-
}); // Filter out any null values
|
|
1023
|
-
var result = {
|
|
1148
|
+
}).filter(Boolean);
|
|
1149
|
+
return {
|
|
1024
1150
|
id: name,
|
|
1025
1151
|
name: name,
|
|
1026
1152
|
metaData: _extends({
|
|
@@ -1035,8 +1161,6 @@ var Manifest = function Manifest() {
|
|
|
1035
1161
|
types: {
|
|
1036
1162
|
path: '',
|
|
1037
1163
|
name: ''
|
|
1038
|
-
// "zip": "@mf-types.zip",
|
|
1039
|
-
// "api": "@mf-types.d.ts"
|
|
1040
1164
|
},
|
|
1041
1165
|
globalName: name,
|
|
1042
1166
|
pluginVersion: '0.2.5'
|
|
@@ -1049,7 +1173,6 @@ var Manifest = function Manifest() {
|
|
|
1049
1173
|
remotes: remotes,
|
|
1050
1174
|
exposes: exposes
|
|
1051
1175
|
};
|
|
1052
|
-
return result;
|
|
1053
1176
|
}
|
|
1054
1177
|
};
|
|
1055
1178
|
|