2020-06-04 08:48:12 +08:00
# webpack.config.js
```javascript
2025-07-08 20:46:25 +08:00
"use strict";
2020-06-04 08:48:12 +08:00
const path = require("path");
const { ModuleFederationPlugin } = require("../../").container;
2025-07-08 20:46:25 +08:00
2020-06-04 08:48:12 +08:00
const rules = [
{
test: /\.js$/,
include: path.resolve(__dirname, "src"),
use: {
loader: "babel-loader",
options: {
presets: ["@babel/react"]
}
}
}
];
const optimization = {
chunkIds: "named", // for this example only: readable filenames in production too
nodeEnv: "production" // for this example only: always production version of react
};
const stats = {
chunks: true,
modules: false,
2020-09-21 04:39:12 +08:00
chunkModules: true,
2020-06-04 08:48:12 +08:00
chunkOrigins: true
};
2025-07-08 20:46:25 +08:00
2020-06-04 08:48:12 +08:00
module.exports = (env = "development") => [
2020-06-16 04:45:36 +08:00
// For this example we have 3 configs in a single file
// In practice you probably would have separate config
// maybe even separate repos for each build.
// For Module Federation there is not compile-time dependency
// between the builds.
// Each one can have different config options.
2020-06-04 08:48:12 +08:00
{
name: "app",
mode: env,
entry: {
app: "./src/index.js"
},
output: {
filename: "[name].js",
path: path.resolve(__dirname, "dist/aaa"),
publicPath: "dist/aaa/",
// Each build needs a unique name
// to avoid runtime collisions
// The default uses "name" from package.json
uniqueName: "module-federation-aaa"
},
module: { rules },
optimization,
plugins: [
new ModuleFederationPlugin({
// List of remotes with URLs
remotes: {
"mfe-b": "mfeBBB@/dist/bbb/mfeBBB.js",
"mfe-c": "mfeCCC@/dist/ccc/mfeCCC.js"
},
2020-06-16 04:45:36 +08:00
// list of shared modules with optional options
2020-06-04 08:48:12 +08:00
shared: {
2020-06-16 04:45:36 +08:00
// specifying a module request as shared module
// will provide all used modules matching this name (version from package.json)
// and consume shared modules in the version specified in dependencies from package.json
// (or in dev/peer/optionalDependencies)
// So it use the highest available version of this package matching the version requirement
// from package.json, while providing it's own version to others.
2020-06-04 08:48:12 +08:00
react: {
2020-06-16 04:45:36 +08:00
singleton: true // make sure only a single react module is used
2020-06-04 08:48:12 +08:00
}
}
})
],
stats
},
{
name: "mfe-b",
mode: env,
entry: {},
output: {
filename: "[name].js",
path: path.resolve(__dirname, "dist/bbb"),
publicPath: "dist/bbb/",
uniqueName: "module-federation-bbb"
},
module: { rules },
optimization,
plugins: [
new ModuleFederationPlugin({
// A unique name
name: "mfeBBB",
// List of exposed modules
exposes: {
"./Component": "./src-b/Component"
},
2020-06-16 04:45:36 +08:00
// list of shared modules
shared: [
// date-fns is shared with the other remote, app doesn't know about that
"date-fns",
{
react: {
singleton: true // must be specified in each config
}
2020-06-04 08:48:12 +08:00
}
2020-06-16 04:45:36 +08:00
]
2020-06-04 08:48:12 +08:00
})
],
stats
},
{
name: "mfe-c",
mode: env,
entry: {},
output: {
filename: "[name].js",
path: path.resolve(__dirname, "dist/ccc"),
publicPath: "dist/ccc/",
uniqueName: "module-federation-ccc"
},
module: { rules },
optimization,
plugins: [
new ModuleFederationPlugin({
name: "mfeCCC",
exposes: {
"./Component": "./src-c/Component",
"./Component2": "./src-c/LazyComponent"
},
2020-06-16 04:45:36 +08:00
shared: [
// All (used) requests within lodash are shared.
"lodash/",
"date-fns",
{
react: {
// Do not load our own version.
// There must be a valid shared module available at runtime.
// This improves build time as this module doesn't need to be compiled,
// but it opts-out of possible fallbacks and runtime version upgrade.
import: false,
singleton: true
}
2020-06-04 08:48:12 +08:00
}
2020-06-16 04:45:36 +08:00
]
2020-06-04 08:48:12 +08:00
})
],
stats
}
];
```
# src/index.js
```javascript
// Sharing modules requires that all remotes are initialized
// and can provide shared modules to the common scope
// As this is an async operation we need an async boundary (import())
// Using modules from remotes is also an async operation
// as chunks need to be loaded for the code of the remote module
// This also requires an async boundary (import())
// At this point shared modules initialized and remote modules are loaded
import("./bootstrap");
// It's possible to place more code here to do stuff on page init
// but it can't use any of the shared modules or remote modules.
```
# src/bootstrap.js
```jsx
import ReactDom from "react-dom";
import React from "react"; // < - this is a shared module , but used as usual
import App from "./App";
// load app
const el = document.createElement("main");
ReactDom.render(< App / > , el);
document.body.appendChild(el);
// remove spinner
document.body.removeChild(document.getElementsByClassName("spinner")[0]);
```
# src/App.js
```jsx
import React from "react";
import ComponentB from "mfe-b/Component"; // < - these are remote modules ,
import ComponentC from "mfe-c/Component"; // < - but they are used as usual packages
import { de } from "date-fns/locale";
// remote modules can also be used with import() which lazy loads them as usual
const ComponentD = React.lazy(() => import("mfe-c/Component2"));
const App = () => (
< article >
< header >
< h1 > Hello World< / h1 >
< / header >
< p > This component is from a remote container:< / p >
< ComponentB locale = {de} / >
< p > And this component is from another remote container:< / p >
< ComponentC locale = {de} / >
< React.Suspense fallback = {<p > Lazy loading component...< / p > }>
< p >
And this component is from this remote container too, but lazy loaded:
< / p >
< ComponentD / >
< / React.Suspense >
< / article >
);
export default App;
```
2020-06-04 21:06:38 +08:00
# index.html
```html
< html >
< head >
< style >
.spinner {
font-size: 10px;
margin: 50px auto;
text-indent: -9999em;
width: 11em;
height: 11em;
border-radius: 50%;
background: #595959 ;
background: linear-gradient(
to right,
#595959 10%,
rgba(89, 89, 89, 0) 42%
);
position: relative;
animation: spin 1.4s infinite linear;
transform: translateZ(0);
}
.spinner:before {
width: 50%;
height: 50%;
background: #595959 ;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: "";
}
.spinner:after {
background: white;
width: 75%;
height: 75%;
border-radius: 50%;
content: "";
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
< / style >
< / head >
< body >
<!-- A spinner -->
< div class = "spinner" > < / div >
2023-04-08 06:23:22 +08:00
<!-- This script only contains bootstrapping logic -->
2020-06-23 21:33:02 +08:00
<!-- It will load all other scripts if necessary -->
2020-06-04 21:06:38 +08:00
< script src = "/dist/aaa/app.js" async > < / script >
<!-- These script tags are optional -->
<!-- They improve loading performance -->
<!-- Omitting them will add an additional round trip -->
< script src = "/dist/bbb/mfeBBB.js" async > < / script >
< script src = "/dist/ccc/mfeCCC.js" async > < / script >
<!-- All these scripts are pretty small ~5kb -->
<!-- For optimal performance they can be inlined -->
< / body >
< / html >
```
2020-06-04 08:48:12 +08:00
# src-b/Component.js
```jsx
import React from "react";
import { formatRelative, subDays } from "date-fns";
// date-fns is a shared module, but used as usual
// exposing modules act as async boundary,
// so no additional async boundary need to be added here
// As data-fns is an shared module, it will be placed in a separate file
// It will be loaded in parallel to the code of this module
const Component = ({ locale }) => (
< div style = {{ border: " 5px solid darkblue " } } >
< p > I'm a Component exposed from container B!< / p >
< p >
Using date-fn in Remote:{" "}
{formatRelative(subDays(new Date(), 2), new Date(), { locale })}
< / p >
< / div >
);
export default Component;
```
# dist/aaa/app.js
```javascript
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
2021-08-20 14:12:50 +08:00
/***/ 0:
/*!**********************!*\
!*** ./src/index.js ** *!
\**********************/
/*! unknown exports (runtime-defined) */
/*! runtime requirements: __webpack_require__ .e, __webpack_require__ , __webpack_require__ .* */
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__ ) => {
// Sharing modules requires that all remotes are initialized
// and can provide shared modules to the common scope
// As this is an async operation we need an async boundary (import())
2023-04-08 06:23:22 +08:00
2021-08-20 14:12:50 +08:00
// Using modules from remotes is also an async operation
// as chunks need to be loaded for the code of the remote module
// This also requires an async boundary (import())
2023-04-08 06:23:22 +08:00
2021-08-20 14:12:50 +08:00
// At this point shared modules initialized and remote modules are loaded
2025-04-25 01:57:25 +08:00
__webpack_require__.e(/*! import() */ "src_bootstrap_js").then(__webpack_require__.bind(__webpack_require__, /* ! ./bootstrap */ 2));
2023-04-08 06:23:22 +08:00
// It's possible to place more code here to do stuff on page init
2021-08-20 14:12:50 +08:00
// but it can't use any of the shared modules or remote modules.
/***/ }),
2025-04-25 01:57:25 +08:00
/***/ 9:
2020-06-04 08:48:12 +08:00
/*!*********************************************!*\
!*** external "mfeBBB@/dist/bbb/mfeBBB.js" ** *!
\*********************************************/
2020-09-21 04:39:12 +08:00
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
2021-08-20 14:12:50 +08:00
/*! runtime requirements: __webpack_require__ .l, module, __webpack_require__ .* */
2020-06-04 08:48:12 +08:00
/***/ ((module, __unused_webpack_exports, __webpack_require__ ) => {
"use strict";
2021-08-20 14:12:50 +08:00
var __webpack_error__ = new Error();
2020-06-04 08:48:12 +08:00
module.exports = new Promise((resolve, reject) => {
if(typeof mfeBBB !== "undefined") return resolve();
__webpack_require__ .l("/dist/bbb/mfeBBB.js", (event) => {
if(typeof mfeBBB !== "undefined") return resolve();
var errorType = event & & (event.type === 'load' ? 'missing' : event.type);
var realSrc = event & & event.target & & event.target.src;
2021-08-20 14:12:50 +08:00
__webpack_error__ .message = 'Loading script failed.\n(' + errorType + ': ' + realSrc + ')';
__webpack_error__ .name = 'ScriptExternalLoadError';
__webpack_error__ .type = errorType;
__webpack_error__ .request = realSrc;
reject(__webpack_error__);
2020-06-04 08:48:12 +08:00
}, "mfeBBB");
2021-08-20 14:12:50 +08:00
}).then(() => (mfeBBB));
2020-06-04 08:48:12 +08:00
/***/ }),
2025-04-25 01:57:25 +08:00
/***/ 11:
2020-06-04 08:48:12 +08:00
/*!*********************************************!*\
!*** external "mfeCCC@/dist/ccc/mfeCCC.js" ** *!
\*********************************************/
2020-09-21 04:39:12 +08:00
/*! dynamic exports */
/*! exports [maybe provided (runtime-defined)] [no usage info] */
2021-08-20 14:12:50 +08:00
/*! runtime requirements: __webpack_require__ .l, module, __webpack_require__ .* */
2020-06-04 08:48:12 +08:00
/***/ ((module, __unused_webpack_exports, __webpack_require__ ) => {
"use strict";
2021-08-20 14:12:50 +08:00
var __webpack_error__ = new Error();
2020-06-04 08:48:12 +08:00
module.exports = new Promise((resolve, reject) => {
if(typeof mfeCCC !== "undefined") return resolve();
__webpack_require__ .l("/dist/ccc/mfeCCC.js", (event) => {
if(typeof mfeCCC !== "undefined") return resolve();
var errorType = event & & (event.type === 'load' ? 'missing' : event.type);
var realSrc = event & & event.target & & event.target.src;
2021-08-20 14:12:50 +08:00
__webpack_error__ .message = 'Loading script failed.\n(' + errorType + ': ' + realSrc + ')';
__webpack_error__ .name = 'ScriptExternalLoadError';
__webpack_error__ .type = errorType;
__webpack_error__ .request = realSrc;
reject(__webpack_error__);
2020-06-04 08:48:12 +08:00
}, "mfeCCC");
2021-08-20 14:12:50 +08:00
}).then(() => (mfeCCC));
2020-06-04 08:48:12 +08:00
/***/ })
/******/ });
```
< details > < summary > < code > /* webpack runtime code */< / code > < / summary >
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__ (moduleId) {
/******/ // Check if module is in cache
2021-08-20 14:12:50 +08:00
/******/ var cachedModule = __webpack_module_cache__ [moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
2020-06-04 08:48:12 +08:00
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__ [moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__ [moduleId ](module, module.exports, __webpack_require__ );
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__ .m = __webpack_modules__ ;
/******/
2021-08-20 14:12:50 +08:00
/******/ // expose the module cache
/******/ __webpack_require__ .c = __webpack_module_cache__ ;
/******/
2020-06-04 08:48:12 +08:00
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__ .n = (module) => {
/******/ var getter = module & & module.__esModule ?
2021-08-20 14:12:50 +08:00
/******/ () => (module['default']) :
/******/ () => (module);
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/create fake namespace object */
/******/ (() => {
2021-08-20 14:12:50 +08:00
/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
2020-12-11 17:29:32 +08:00
/******/ var leafPrototypes;
2020-06-04 08:48:12 +08:00
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
2020-12-11 17:29:32 +08:00
/******/ // mode & 16: return value when it's Promise-like
2020-06-04 08:48:12 +08:00
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__ .t = function(value, mode) {
/******/ if(mode & 1) value = this(value);
/******/ if(mode & 8) return value;
2020-12-11 17:29:32 +08:00
/******/ if(typeof value === 'object' & & value) {
/******/ if((mode & 4) & & value.__esModule) return value;
/******/ if((mode & 16) & & typeof value.then === 'function') return value;
/******/ }
2020-06-04 08:48:12 +08:00
/******/ var ns = Object.create(null);
/******/ __webpack_require__ .r(ns);
/******/ var def = {};
2020-12-11 17:29:32 +08:00
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
2025-06-23 20:20:10 +08:00
/******/ for(var current = mode & 2 & & value; (typeof current == 'object' || typeof current == 'function') & & !~leafPrototypes.indexOf(current); current = getProto(current)) {
2021-08-20 14:12:50 +08:00
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
2020-06-04 08:48:12 +08:00
/******/ }
2021-08-20 14:12:50 +08:00
/******/ def['default'] = () => (value);
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .d(ns, def);
/******/ return ns;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__ .d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) & & !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ (() => {
/******/ __webpack_require__ .f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
/******/ __webpack_require__ .e = (chunkId) => {
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
/******/ __webpack_require__ .f[key](chunkId, promises);
/******/ return promises;
/******/ }, []));
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__ .u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".js";
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/******/ /* webpack/runtime/load script */
/******/ (() => {
/******/ var inProgress = {};
2020-06-30 22:13:20 +08:00
/******/ var dataWebpackPrefix = "module-federation-aaa:";
2020-06-04 08:48:12 +08:00
/******/ // loadScript function to load a script via script tag
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l = (url, done, key, chunkId) => {
2020-06-04 08:48:12 +08:00
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
/******/ var script, needAttach;
/******/ if(key !== undefined) {
/******/ var scripts = document.getElementsByTagName("script");
/******/ for(var i = 0; i < script s . length ; i + + ) {
/******/ var s = scripts[i];
2020-06-30 22:13:20 +08:00
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
2020-06-04 08:48:12 +08:00
/******/ }
/******/ }
/******/ if(!script) {
/******/ needAttach = true;
/******/ script = document.createElement('script');
/******/
/******/ script.charset = 'utf-8';
/******/ script.timeout = 120;
/******/ if (__webpack_require__.nc) {
/******/ script.setAttribute("nonce", __webpack_require__ .nc);
/******/ }
2020-06-30 22:13:20 +08:00
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
2025-04-25 01:57:25 +08:00
/******/
2020-06-04 08:48:12 +08:00
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
2020-09-21 04:39:12 +08:00
/******/ var onScriptComplete = (prev, event) => {
2020-06-04 08:48:12 +08:00
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
/******/ var doneFns = inProgress[url];
/******/ delete inProgress[url];
2020-06-30 22:13:20 +08:00
/******/ script.parentNode & & script.parentNode.removeChild(script);
2021-08-20 14:12:50 +08:00
/******/ doneFns & & doneFns.forEach((fn) => (fn(event)));
2020-09-21 04:39:12 +08:00
/******/ if(prev) return prev(event);
2020-06-04 08:48:12 +08:00
/******/ }
2020-09-21 04:39:12 +08:00
/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
/******/ script.onload = onScriptComplete.bind(null, script.onload);
2020-06-04 08:48:12 +08:00
/******/ needAttach & & document.head.appendChild(script);
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__ .r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' & & Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/remotes loading */
/******/ (() => {
/******/ var chunkMapping = {
2023-04-08 06:23:22 +08:00
/******/ "src_bootstrap_js": [
2025-04-25 01:57:25 +08:00
/******/ 8,
/******/ 10
2020-06-04 08:48:12 +08:00
/******/ ],
/******/ "webpack_container_remote_mfe-c_Component2": [
2025-04-25 01:57:25 +08:00
/******/ 24
2020-06-04 08:48:12 +08:00
/******/ ]
/******/ };
/******/ var idToExternalAndNameMapping = {
2025-04-25 01:57:25 +08:00
/******/ "8": [
2020-06-04 08:48:12 +08:00
/******/ "default",
/******/ "./Component",
2025-04-25 01:57:25 +08:00
/******/ 9
2020-06-04 08:48:12 +08:00
/******/ ],
2025-04-25 01:57:25 +08:00
/******/ "10": [
2020-06-04 08:48:12 +08:00
/******/ "default",
/******/ "./Component",
2025-04-25 01:57:25 +08:00
/******/ 11
2020-06-04 08:48:12 +08:00
/******/ ],
2025-04-25 01:57:25 +08:00
/******/ "24": [
2020-06-04 08:48:12 +08:00
/******/ "default",
/******/ "./Component2",
2025-04-25 01:57:25 +08:00
/******/ 11
2020-06-04 08:48:12 +08:00
/******/ ]
/******/ };
/******/ __webpack_require__ .f.remotes = (chunkId, promises) => {
/******/ if(__webpack_require__.o(chunkMapping, chunkId)) {
/******/ chunkMapping[chunkId].forEach((id) => {
2020-09-21 04:39:12 +08:00
/******/ var getScope = __webpack_require__ .R;
/******/ if(!getScope) getScope = [];
2020-06-04 08:48:12 +08:00
/******/ var data = idToExternalAndNameMapping[id];
2020-09-21 04:39:12 +08:00
/******/ if(getScope.indexOf(data) >= 0) return;
/******/ getScope.push(data);
/******/ if(data.p) return promises.push(data.p);
2020-06-04 08:48:12 +08:00
/******/ var onError = (error) => {
/******/ if(!error) error = new Error("Container missing");
/******/ if(typeof error.message === "string")
/******/ error.message += '\nwhile loading "' + data[1] + '" from ' + data[2];
2023-04-08 06:23:22 +08:00
/******/ __webpack_require__ .m[id] = () => {
2020-06-04 08:48:12 +08:00
/******/ throw error;
/******/ }
2020-09-21 04:39:12 +08:00
/******/ data.p = 0;
2020-06-04 08:48:12 +08:00
/******/ };
2020-09-21 04:39:12 +08:00
/******/ var handleFunction = (fn, arg1, arg2, d, next, first) => {
2020-06-04 08:48:12 +08:00
/******/ try {
2020-09-21 04:39:12 +08:00
/******/ var promise = fn(arg1, arg2);
2020-06-04 08:48:12 +08:00
/******/ if(promise & & promise.then) {
2021-08-20 14:12:50 +08:00
/******/ var p = promise.then((result) => (next(result, d)), onError);
2020-09-21 04:39:12 +08:00
/******/ if(first) promises.push(data.p = p); else return p;
2020-06-04 08:48:12 +08:00
/******/ } else {
2020-09-21 04:39:12 +08:00
/******/ return next(promise, d, first);
2020-06-04 08:48:12 +08:00
/******/ }
/******/ } catch(error) {
/******/ onError(error);
/******/ }
/******/ }
2021-08-20 14:12:50 +08:00
/******/ var onExternal = (external, _, first) => (external ? handleFunction(__webpack_require__.I, data[0], 0, external, onInitialized, first) : onError());
/******/ var onInitialized = (_, external, first) => (handleFunction(external.get, data[1], getScope, 0, onFactory, first));
2020-06-04 08:48:12 +08:00
/******/ var onFactory = (factory) => {
2020-09-21 04:39:12 +08:00
/******/ data.p = 1;
2023-04-08 06:23:22 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
2020-06-04 08:48:12 +08:00
/******/ module.exports = factory();
/******/ }
/******/ };
2020-09-21 04:39:12 +08:00
/******/ handleFunction(__webpack_require__, data[2], 0, 0, onExternal, 1);
2020-06-04 08:48:12 +08:00
/******/ });
/******/ }
/******/ }
/******/ })();
/******/
/******/ /* webpack/runtime/sharing */
/******/ (() => {
/******/ __webpack_require__ .S = {};
/******/ var initPromises = {};
2020-09-21 04:39:12 +08:00
/******/ var initTokens = {};
/******/ __webpack_require__ .I = (name, initScope) => {
/******/ if(!initScope) initScope = [];
/******/ // handling circular init calls
/******/ var initToken = initTokens[name];
/******/ if(!initToken) initToken = initTokens[name] = {};
/******/ if(initScope.indexOf(initToken) >= 0) return;
/******/ initScope.push(initToken);
2020-06-04 08:48:12 +08:00
/******/ // only runs once
/******/ if(initPromises[name]) return initPromises[name];
/******/ // creates a new share scope if needed
/******/ if(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__ .S[name] = {};
/******/ // runs all init snippets from all modules reachable
/******/ var scope = __webpack_require__ .S[name];
2022-10-20 10:40:42 +08:00
/******/ var warn = (msg) => {
2025-04-25 01:57:25 +08:00
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2022-10-20 10:40:42 +08:00
/******/ };
2020-06-30 21:08:13 +08:00
/******/ var uniqueName = "module-federation-aaa";
2021-08-20 14:12:50 +08:00
/******/ var register = (name, version, factory, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[name] = scope[name] || {};
/******/ var activeVersion = versions[version];
2021-08-20 14:12:50 +08:00
/******/ if(!activeVersion || (!activeVersion.loaded & & (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
2020-06-04 08:48:12 +08:00
/******/ };
/******/ var initExternal = (id) => {
2021-08-20 14:12:50 +08:00
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
2020-06-04 08:48:12 +08:00
/******/ try {
/******/ var module = __webpack_require__ (id);
/******/ if(!module) return;
2021-08-20 14:12:50 +08:00
/******/ var initFn = (module) => (module & & module.init & & module.init(__webpack_require__.S[name], initScope))
2020-06-04 08:48:12 +08:00
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
/******/ var initResult = initFn(module);
2023-04-08 06:23:22 +08:00
/******/ if(initResult & & initResult.then) return promises.push(initResult['catch'](handleError));
2020-06-04 08:48:12 +08:00
/******/ } catch(err) { handleError(err); }
/******/ }
/******/ var promises = [];
/******/ switch(name) {
/******/ case "default": {
2025-04-25 01:57:25 +08:00
/******/ register("react", "19.1.0", () => (__webpack_require__.e("vendors-node_modules_react_index_js").then(() => (() => (__webpack_require__(/*! ../../node_modules/react/index.js */ 22))))));
/******/ initExternal(9);
/******/ initExternal(11);
2020-06-04 08:48:12 +08:00
/******/ }
/******/ break;
/******/ }
2020-09-21 04:39:12 +08:00
/******/ if(!promises.length) return initPromises[name] = 1;
2021-08-20 14:12:50 +08:00
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
2020-06-04 08:48:12 +08:00
/******/ };
/******/ })();
/******/
2020-09-21 04:39:12 +08:00
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__ .p = "dist/aaa/";
/******/ })();
/******/
2020-06-04 08:48:12 +08:00
/******/ /* webpack/runtime/consumes */
/******/ (() => {
2020-07-02 17:06:42 +08:00
/******/ var parseVersion = (str) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2025-07-01 18:16:11 +08:00
/******/ var p=p=>{return p.split(".").map(p=>{return+p==p?+p:p})},n=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;
2020-06-30 21:08:13 +08:00
/******/ }
/******/ var versionLt = (a, b) => {
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ a=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r< b.length & & " u " ! = ( typeof b [ r ] ) [ 0 ] ; var e = a[r],n=(typeof e ) [ 0 ] ; if ( r > =b.length)return"u"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return"o"==n&&"n"==f||("s"==f||"u"==n); if("o"!=n& & "u"!=n& & e!=t)return e< t ; r + + }
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var rangeToString = (range) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2021-08-20 14:12:50 +08:00
/******/ var r=range[0],n="";if(1===range.length)return"*";if(r+.5){n+=0==r?">=":-1==r?"< ":1==r?"^":2==r?"~":r>0?"=":"!=";for(var e=1,a=1;a< range.length ; a ++){ e-- , n +=" u "==( typeof ( t = range[a]))[0]?"-":(e > 0?".":"")+(e=2,t)}return n}var g=[];for(a=1;a< range.length ; a ++){ var t = range[a];g.push(0===t?"not("+o()+")":1===t?"("+o()+" || "+ o ()+")" :2 = ==t?g.pop()+" "+ g . pop () :rangeToString ( t ))} return o (); function o (){ return g . pop (). replace (/^ \((.+) \)$/,"$ 1 ")}
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var satisfy = (range, version) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ if(0 in range){version=parseVersion(version);var e=range[0],r=e< 0 ; r & & ( e = -e-1);for(var n = 0,i=1,a=!0;;i++,n++){var f , s , g = i<range.length?(typeof range [ i ] ) [ 0 ] : " " ; if ( n > =version.length||"o"==(s=(typeof(f=version[n]))[0]))return!a||("u"==g?i>e&&!r:""==g!=r); if("u"==s){if(!a||"u"!=g)return!1}else if(a)if(g==s)if(i< =e){if(f!=range[i])return!1}else{if(r?f>range[i]:f< range [ i ] ) return ! 1 ; f ! = range [ i ] & & ( a = !1)}else if ( " s " ! = g & & " n " ! = g ) { if ( r | | i < = e ) return ! 1 ; a = !1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else"s"!=g&&"n"!=g&&(a=!1,i--)}}var t = [],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u = range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();
2020-06-30 21:08:13 +08:00
/******/ }
2025-04-25 01:57:25 +08:00
/******/ var exists = (scope, key) => {
/******/ return scope && __webpack_require__ .o(scope, key);
/******/ }
/******/ var get = (entry) => {
/******/ entry.loaded = 1;
/******/ return entry.get()
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var eagerOnly = (versions) => {
/******/ return Object.keys(versions).reduce((filtered, version) => {
/******/ if (versions[version].eager) {
/******/ filtered[version] = versions[version];
/******/ }
/******/ return filtered;
/******/ }, {});
/******/ };
/******/ var findLatestVersion = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
/******/ var key = Object.keys(versions).reduce((a, b) => {
/******/ return !a || versionLt(a, b) ? b : a;
/******/ }, 0);
/******/ return key & & versions[key];
/******/ };
/******/ var findSatisfyingVersion = (scope, key, requiredVersion, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ var key = Object.keys(versions).reduce((a, b) => {
2025-04-25 01:57:25 +08:00
/******/ if (!satisfy(requiredVersion, b)) return a;
2020-07-02 17:06:42 +08:00
/******/ return !a || versionLt(a, b) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
2020-07-02 17:06:42 +08:00
/******/ return key & & versions[key]
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var findSingletonVersionKey = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ return Object.keys(versions).reduce((a, b) => {
/******/ return !a || (!versions[a].loaded & & versionLt(a, b)) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
/******/ };
2023-04-08 06:23:22 +08:00
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
/******/ return "Unsatisfied version " + version + " from " + (version & & scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[key];
2025-04-25 01:57:25 +08:00
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
2020-06-30 21:08:13 +08:00
/******/ "Available versions: " + Object.keys(versions).map((key) => {
2020-07-02 17:06:42 +08:00
/******/ return key + " from " + versions[key].from;
2020-06-30 21:08:13 +08:00
/******/ }).join(", ");
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var fail = (msg) => {
/******/ throw new Error(msg);
/******/ }
/******/ var failAsNotExist = (scopeName, key) => {
/******/ return fail("Shared module " + key + " doesn't exist in shared scope " + scopeName);
/******/ }
/******/ var warn = /*#__PURE__*/ (msg) => {
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
2020-06-30 21:08:13 +08:00
/******/ var promise = __webpack_require__ .I(scopeName);
2025-04-25 01:57:25 +08:00
/******/ if (promise & & promise.then & & !eager) {
/******/ return promise.then(fn.bind(fn, scopeName, __webpack_require__ .S[scopeName], key, false, c, d));
/******/ }
/******/ return fn(scopeName, __webpack_require__ .S[scopeName], key, eager, c, d);
2021-08-20 14:12:50 +08:00
/******/ });
2020-06-30 21:08:13 +08:00
/******/
2025-04-25 01:57:25 +08:00
/******/ var useFallback = (scopeName, key, fallback) => {
/******/ return fallback ? fallback() : failAsNotExist(scopeName, key);
/******/ }
/******/ var load = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ warn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager))
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ if (fallback) return fallback();
/******/ fail(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager));
2023-04-08 06:23:22 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingleton = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ warn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ fail(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2020-06-04 08:48:12 +08:00
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
2025-04-25 01:57:25 +08:00
/******/ 5: () => (loadSingletonVersion("default", "react", false, [1,19,1,0], () => (__webpack_require__.e("vendors-node_modules_react_index_js").then(() => (() => (__webpack_require__(/*! react */ 22))))))),
/******/ 6: () => (loadSingletonVersion("default", "react", false, [1,19,0,0], () => (__webpack_require__.e("vendors-node_modules_react_index_js").then(() => (() => (__webpack_require__(/*! react */ 22)))))))
2020-06-04 08:48:12 +08:00
/******/ };
/******/ // no consumes in initial chunks
/******/ var chunkMapping = {
2023-04-08 06:23:22 +08:00
/******/ "src_bootstrap_js": [
2025-04-25 01:57:25 +08:00
/******/ 5,
/******/ 6
2020-06-04 08:48:12 +08:00
/******/ ]
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var startedInstallModules = {};
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .f.consumes = (chunkId, promises) => {
/******/ if(__webpack_require__.o(chunkMapping, chunkId)) {
/******/ chunkMapping[chunkId].forEach((id) => {
/******/ if(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);
2025-04-25 01:57:25 +08:00
/******/ if(!startedInstallModules[id]) {
2020-06-04 08:48:12 +08:00
/******/ var onFactory = (factory) => {
/******/ installedModules[id] = 0;
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ module.exports = factory();
/******/ }
/******/ };
2025-04-25 01:57:25 +08:00
/******/ startedInstallModules[id] = true;
2020-06-04 08:48:12 +08:00
/******/ var onError = (error) => {
/******/ delete installedModules[id];
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ throw error;
/******/ }
/******/ };
/******/ try {
/******/ var promise = moduleToHandlerMapping[id]();
/******/ if(promise.then) {
2023-04-08 06:23:22 +08:00
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
2020-06-04 08:48:12 +08:00
/******/ } else onFactory(promise);
/******/ } catch(e) { onError(e); }
2025-04-25 01:57:25 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/ });
/******/ }
/******/ }
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
2020-09-21 04:39:12 +08:00
/******/ // no baseURI
/******/
2020-06-04 08:48:12 +08:00
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
2021-08-20 14:12:50 +08:00
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
2020-06-04 08:48:12 +08:00
/******/ var installedChunks = {
/******/ "app": 0
/******/ };
/******/
/******/ __webpack_require__ .f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = __webpack_require__ .o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
/******/ if(installedChunkData) {
/******/ promises.push(installedChunkData[2]);
/******/ } else {
/******/ if("webpack_container_remote_mfe-c_Component2" != chunkId) {
/******/ // setup Promise in chunk cache
2021-08-20 14:12:50 +08:00
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
2020-06-04 08:48:12 +08:00
/******/ promises.push(installedChunkData[2] = promise);
/******/
/******/ // start chunk loading
/******/ var url = __webpack_require__ .p + __webpack_require__ .u(chunkId);
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ var loadingEnded = (event) => {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) {
/******/ var errorType = event & & (event.type === 'load' ? 'missing' : event.type);
/******/ var realSrc = event & & event.target & & event.target.src;
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
/******/ error.name = 'ChunkLoadError';
/******/ error.type = errorType;
/******/ error.request = realSrc;
/******/ installedChunkData[1](error);
/******/ }
/******/ }
/******/ };
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l(url, loadingEnded, "chunk-" + chunkId, chunkId);
2020-06-04 08:48:12 +08:00
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
2021-08-20 14:12:50 +08:00
/******/ // no on chunks loaded
2020-06-04 08:48:12 +08:00
/******/
/******/ // install a JSONP callback for chunk loading
2020-12-11 17:29:32 +08:00
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
2020-09-21 04:39:12 +08:00
/******/ var [chunkIds, moreModules, runtime] = data;
2020-06-04 08:48:12 +08:00
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
2021-08-20 14:12:50 +08:00
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__ .m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
2020-06-04 08:48:12 +08:00
/******/ for(;i < chunkIds.length ; i + + ) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) & & installedChunks[chunkId]) {
2021-08-20 14:12:50 +08:00
/******/ installedChunks[chunkId][0]();
2020-06-04 08:48:12 +08:00
/******/ }
2023-04-08 06:23:22 +08:00
/******/ installedChunks[chunkId] = 0;
2020-06-04 08:48:12 +08:00
/******/ }
/******/
2020-09-21 04:39:12 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/
2020-09-21 04:39:12 +08:00
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_aaa"] = self["webpackChunkmodule_federation_aaa"] || [];
2020-12-11 17:29:32 +08:00
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/************************************************************************/
```
< / details >
``` js
2021-08-20 14:12:50 +08:00
/******/
/******/ // module cache are used so entry inlining is disabled
/******/ // startup
/******/ // Load entry module and return exports
/******/ var __webpack_exports__ = __webpack_require__ (0);
/******/
2020-06-04 08:48:12 +08:00
/******/ })()
;
```
# dist/bbb/mfeBBB.js
```javascript
2021-08-20 14:12:50 +08:00
var mfeBBB;
2020-06-04 08:48:12 +08:00
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!***********************!*\
!*** container entry ** *!
\***********************/
2023-04-08 06:23:22 +08:00
/*! namespace exports */
/*! export get [provided] [maybe used in mfeBBB (runtime-defined)] [usage and provision prevents renaming] */
/*! export init [provided] [maybe used in mfeBBB (runtime-defined)] [usage and provision prevents renaming] */
/*! other exports [not provided] [maybe used in mfeBBB (runtime-defined)] */
2020-06-04 08:48:12 +08:00
/*! runtime requirements: __webpack_require__ .d, __webpack_require__ .o, __webpack_exports__ , __webpack_require__ .e, __webpack_require__ , __webpack_require__ .* */
/***/ ((__unused_webpack_module, exports, __webpack_require__ ) => {
var moduleMap = {
"./Component": () => {
2021-08-20 14:12:50 +08:00
return __webpack_require__ .e("src-b_Component_js").then(() => (() => ((__webpack_require__(/*! ./src-b/Component */ 3)))));
2020-06-04 08:48:12 +08:00
}
};
2020-09-21 04:39:12 +08:00
var get = (module, getScope) => {
__webpack_require__ .R = getScope;
getScope = (
2020-06-04 08:48:12 +08:00
__webpack_require__ .o(moduleMap, module)
? moduleMap[module]()
: Promise.resolve().then(() => {
throw new Error('Module "' + module + '" does not exist in container.');
})
);
2020-09-21 04:39:12 +08:00
__webpack_require__ .R = undefined;
return getScope;
2020-06-04 08:48:12 +08:00
};
2020-09-21 04:39:12 +08:00
var init = (shareScope, initScope) => {
if (!__webpack_require__.S) return;
2020-06-04 08:48:12 +08:00
var name = "default"
2023-04-08 06:23:22 +08:00
var oldScope = __webpack_require__ .S[name];
2020-06-04 08:48:12 +08:00
if(oldScope & & oldScope !== shareScope) throw new Error("Container initialization failed as it has already been initialized with a different share scope");
__webpack_require__ .S[name] = shareScope;
2020-09-21 04:39:12 +08:00
return __webpack_require__ .I(name, initScope);
2020-06-04 08:48:12 +08:00
};
// This exports getters to disallow modifications
__webpack_require__.d(exports, {
2021-08-20 14:12:50 +08:00
get: () => (get),
init: () => (init)
2020-06-04 08:48:12 +08:00
});
/***/ })
/******/ ]);
```
< details > < summary > < code > /* webpack runtime code */< / code > < / summary >
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__ (moduleId) {
/******/ // Check if module is in cache
2021-08-20 14:12:50 +08:00
/******/ var cachedModule = __webpack_module_cache__ [moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
2020-06-04 08:48:12 +08:00
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__ [moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__ [moduleId ](module, module.exports, __webpack_require__ );
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__ .m = __webpack_modules__ ;
/******/
2021-08-20 14:12:50 +08:00
/******/ // expose the module cache
/******/ __webpack_require__ .c = __webpack_module_cache__ ;
/******/
2020-06-04 08:48:12 +08:00
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__ .n = (module) => {
/******/ var getter = module & & module.__esModule ?
2021-08-20 14:12:50 +08:00
/******/ () => (module['default']) :
/******/ () => (module);
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__ .d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) & & !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ (() => {
/******/ __webpack_require__ .f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
/******/ __webpack_require__ .e = (chunkId) => {
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
/******/ __webpack_require__ .f[key](chunkId, promises);
/******/ return promises;
/******/ }, []));
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__ .u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".js";
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/******/ /* webpack/runtime/load script */
/******/ (() => {
/******/ var inProgress = {};
2020-06-30 22:13:20 +08:00
/******/ var dataWebpackPrefix = "module-federation-bbb:";
2020-06-04 08:48:12 +08:00
/******/ // loadScript function to load a script via script tag
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l = (url, done, key, chunkId) => {
2020-06-04 08:48:12 +08:00
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
/******/ var script, needAttach;
/******/ if(key !== undefined) {
/******/ var scripts = document.getElementsByTagName("script");
/******/ for(var i = 0; i < script s . length ; i + + ) {
/******/ var s = scripts[i];
2020-06-30 22:13:20 +08:00
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
2020-06-04 08:48:12 +08:00
/******/ }
/******/ }
/******/ if(!script) {
/******/ needAttach = true;
/******/ script = document.createElement('script');
/******/
/******/ script.charset = 'utf-8';
/******/ script.timeout = 120;
/******/ if (__webpack_require__.nc) {
/******/ script.setAttribute("nonce", __webpack_require__ .nc);
/******/ }
2020-06-30 22:13:20 +08:00
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
2025-04-25 01:57:25 +08:00
/******/
2020-06-04 08:48:12 +08:00
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
2020-09-21 04:39:12 +08:00
/******/ var onScriptComplete = (prev, event) => {
2020-06-04 08:48:12 +08:00
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
/******/ var doneFns = inProgress[url];
/******/ delete inProgress[url];
2020-06-30 22:13:20 +08:00
/******/ script.parentNode & & script.parentNode.removeChild(script);
2021-08-20 14:12:50 +08:00
/******/ doneFns & & doneFns.forEach((fn) => (fn(event)));
2020-09-21 04:39:12 +08:00
/******/ if(prev) return prev(event);
2020-06-04 08:48:12 +08:00
/******/ }
2020-09-21 04:39:12 +08:00
/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
/******/ script.onload = onScriptComplete.bind(null, script.onload);
2020-06-04 08:48:12 +08:00
/******/ needAttach & & document.head.appendChild(script);
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__ .r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' & & Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/sharing */
/******/ (() => {
/******/ __webpack_require__ .S = {};
/******/ var initPromises = {};
2020-09-21 04:39:12 +08:00
/******/ var initTokens = {};
/******/ __webpack_require__ .I = (name, initScope) => {
/******/ if(!initScope) initScope = [];
/******/ // handling circular init calls
/******/ var initToken = initTokens[name];
/******/ if(!initToken) initToken = initTokens[name] = {};
/******/ if(initScope.indexOf(initToken) >= 0) return;
/******/ initScope.push(initToken);
2020-06-04 08:48:12 +08:00
/******/ // only runs once
/******/ if(initPromises[name]) return initPromises[name];
/******/ // creates a new share scope if needed
/******/ if(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__ .S[name] = {};
/******/ // runs all init snippets from all modules reachable
/******/ var scope = __webpack_require__ .S[name];
2022-10-20 10:40:42 +08:00
/******/ var warn = (msg) => {
2025-04-25 01:57:25 +08:00
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2022-10-20 10:40:42 +08:00
/******/ };
2020-06-30 21:08:13 +08:00
/******/ var uniqueName = "module-federation-bbb";
2021-08-20 14:12:50 +08:00
/******/ var register = (name, version, factory, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[name] = scope[name] || {};
/******/ var activeVersion = versions[version];
2021-08-20 14:12:50 +08:00
/******/ if(!activeVersion || (!activeVersion.loaded & & (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
2020-06-04 08:48:12 +08:00
/******/ };
/******/ var initExternal = (id) => {
2021-08-20 14:12:50 +08:00
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
2020-06-04 08:48:12 +08:00
/******/ try {
/******/ var module = __webpack_require__ (id);
/******/ if(!module) return;
2021-08-20 14:12:50 +08:00
/******/ var initFn = (module) => (module & & module.init & & module.init(__webpack_require__.S[name], initScope))
2020-06-04 08:48:12 +08:00
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
/******/ var initResult = initFn(module);
2023-04-08 06:23:22 +08:00
/******/ if(initResult & & initResult.then) return promises.push(initResult['catch'](handleError));
2020-06-04 08:48:12 +08:00
/******/ } catch(err) { handleError(err); }
/******/ }
/******/ var promises = [];
/******/ switch(name) {
/******/ case "default": {
2025-04-25 01:57:25 +08:00
/******/ register("date-fns", "4.1.0", () => (__webpack_require__.e("vendors-node_modules_date-fns_index_js").then(() => (() => (__webpack_require__(/*! ../../node_modules/date-fns/index.js */ 6))))));
/******/ register("react", "19.1.0", () => (__webpack_require__.e("vendors-node_modules_react_index_js").then(() => (() => (__webpack_require__(/*! ../../node_modules/react/index.js */ 309))))));
2020-06-04 08:48:12 +08:00
/******/ }
/******/ break;
/******/ }
2020-09-21 04:39:12 +08:00
/******/ if(!promises.length) return initPromises[name] = 1;
2021-08-20 14:12:50 +08:00
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
2020-06-04 08:48:12 +08:00
/******/ };
/******/ })();
/******/
2020-09-21 04:39:12 +08:00
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__ .p = "dist/bbb/";
/******/ })();
/******/
2020-06-04 08:48:12 +08:00
/******/ /* webpack/runtime/consumes */
/******/ (() => {
2020-07-02 17:06:42 +08:00
/******/ var parseVersion = (str) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2025-07-01 18:16:11 +08:00
/******/ var p=p=>{return p.split(".").map(p=>{return+p==p?+p:p})},n=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;
2020-06-30 21:08:13 +08:00
/******/ }
/******/ var versionLt = (a, b) => {
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ a=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r< b.length & & " u " ! = ( typeof b [ r ] ) [ 0 ] ; var e = a[r],n=(typeof e ) [ 0 ] ; if ( r > =b.length)return"u"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return"o"==n&&"n"==f||("s"==f||"u"==n); if("o"!=n& & "u"!=n& & e!=t)return e< t ; r + + }
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var rangeToString = (range) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2021-08-20 14:12:50 +08:00
/******/ var r=range[0],n="";if(1===range.length)return"*";if(r+.5){n+=0==r?">=":-1==r?"< ":1==r?"^":2==r?"~":r>0?"=":"!=";for(var e=1,a=1;a< range.length ; a ++){ e-- , n +=" u "==( typeof ( t = range[a]))[0]?"-":(e > 0?".":"")+(e=2,t)}return n}var g=[];for(a=1;a< range.length ; a ++){ var t = range[a];g.push(0===t?"not("+o()+")":1===t?"("+o()+" || "+ o ()+")" :2 = ==t?g.pop()+" "+ g . pop () :rangeToString ( t ))} return o (); function o (){ return g . pop (). replace (/^ \((.+) \)$/,"$ 1 ")}
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var satisfy = (range, version) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ if(0 in range){version=parseVersion(version);var e=range[0],r=e< 0 ; r & & ( e = -e-1);for(var n = 0,i=1,a=!0;;i++,n++){var f , s , g = i<range.length?(typeof range [ i ] ) [ 0 ] : " " ; if ( n > =version.length||"o"==(s=(typeof(f=version[n]))[0]))return!a||("u"==g?i>e&&!r:""==g!=r); if("u"==s){if(!a||"u"!=g)return!1}else if(a)if(g==s)if(i< =e){if(f!=range[i])return!1}else{if(r?f>range[i]:f< range [ i ] ) return ! 1 ; f ! = range [ i ] & & ( a = !1)}else if ( " s " ! = g & & " n " ! = g ) { if ( r | | i < = e ) return ! 1 ; a = !1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else"s"!=g&&"n"!=g&&(a=!1,i--)}}var t = [],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u = range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();
2020-06-30 21:08:13 +08:00
/******/ }
2025-04-25 01:57:25 +08:00
/******/ var exists = (scope, key) => {
/******/ return scope && __webpack_require__ .o(scope, key);
/******/ }
/******/ var get = (entry) => {
/******/ entry.loaded = 1;
/******/ return entry.get()
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var eagerOnly = (versions) => {
/******/ return Object.keys(versions).reduce((filtered, version) => {
/******/ if (versions[version].eager) {
/******/ filtered[version] = versions[version];
/******/ }
/******/ return filtered;
/******/ }, {});
/******/ };
/******/ var findLatestVersion = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
/******/ var key = Object.keys(versions).reduce((a, b) => {
/******/ return !a || versionLt(a, b) ? b : a;
/******/ }, 0);
/******/ return key & & versions[key];
/******/ };
/******/ var findSatisfyingVersion = (scope, key, requiredVersion, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ var key = Object.keys(versions).reduce((a, b) => {
2025-04-25 01:57:25 +08:00
/******/ if (!satisfy(requiredVersion, b)) return a;
2020-07-02 17:06:42 +08:00
/******/ return !a || versionLt(a, b) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
2020-07-02 17:06:42 +08:00
/******/ return key & & versions[key]
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var findSingletonVersionKey = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ return Object.keys(versions).reduce((a, b) => {
/******/ return !a || (!versions[a].loaded & & versionLt(a, b)) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
/******/ };
2023-04-08 06:23:22 +08:00
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
/******/ return "Unsatisfied version " + version + " from " + (version & & scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[key];
2025-04-25 01:57:25 +08:00
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
2020-06-30 21:08:13 +08:00
/******/ "Available versions: " + Object.keys(versions).map((key) => {
2020-07-02 17:06:42 +08:00
/******/ return key + " from " + versions[key].from;
2020-06-30 21:08:13 +08:00
/******/ }).join(", ");
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var fail = (msg) => {
/******/ throw new Error(msg);
/******/ }
/******/ var failAsNotExist = (scopeName, key) => {
/******/ return fail("Shared module " + key + " doesn't exist in shared scope " + scopeName);
/******/ }
/******/ var warn = /*#__PURE__*/ (msg) => {
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
2020-06-30 21:08:13 +08:00
/******/ var promise = __webpack_require__ .I(scopeName);
2025-04-25 01:57:25 +08:00
/******/ if (promise & & promise.then & & !eager) {
/******/ return promise.then(fn.bind(fn, scopeName, __webpack_require__ .S[scopeName], key, false, c, d));
/******/ }
/******/ return fn(scopeName, __webpack_require__ .S[scopeName], key, eager, c, d);
2021-08-20 14:12:50 +08:00
/******/ });
2020-06-30 21:08:13 +08:00
/******/
2025-04-25 01:57:25 +08:00
/******/ var useFallback = (scopeName, key, fallback) => {
/******/ return fallback ? fallback() : failAsNotExist(scopeName, key);
/******/ }
/******/ var load = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ warn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager))
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ if (fallback) return fallback();
/******/ fail(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager));
2023-04-08 06:23:22 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingleton = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ warn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ fail(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2020-06-04 08:48:12 +08:00
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
2025-04-25 01:57:25 +08:00
/******/ 4: () => (loadSingletonVersion("default", "react", false, [1,19,0,0], () => (__webpack_require__.e("vendors-node_modules_react_index_js").then(() => (() => (__webpack_require__(/*! react */ 309))))))),
/******/ 5: () => (loadStrictVersion("default", "date-fns", false, [1,4,0,0], () => (__webpack_require__.e("vendors-node_modules_date-fns_index_js").then(() => (() => (__webpack_require__(/*! date-fns */ 6)))))))
2020-06-04 08:48:12 +08:00
/******/ };
/******/ // no consumes in initial chunks
/******/ var chunkMapping = {
/******/ "src-b_Component_js": [
2020-09-21 04:39:12 +08:00
/******/ 4,
/******/ 5
2020-06-04 08:48:12 +08:00
/******/ ]
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var startedInstallModules = {};
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .f.consumes = (chunkId, promises) => {
/******/ if(__webpack_require__.o(chunkMapping, chunkId)) {
/******/ chunkMapping[chunkId].forEach((id) => {
/******/ if(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);
2025-04-25 01:57:25 +08:00
/******/ if(!startedInstallModules[id]) {
2020-06-04 08:48:12 +08:00
/******/ var onFactory = (factory) => {
/******/ installedModules[id] = 0;
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ module.exports = factory();
/******/ }
/******/ };
2025-04-25 01:57:25 +08:00
/******/ startedInstallModules[id] = true;
2020-06-04 08:48:12 +08:00
/******/ var onError = (error) => {
/******/ delete installedModules[id];
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ throw error;
/******/ }
/******/ };
/******/ try {
/******/ var promise = moduleToHandlerMapping[id]();
/******/ if(promise.then) {
2023-04-08 06:23:22 +08:00
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
2020-06-04 08:48:12 +08:00
/******/ } else onFactory(promise);
/******/ } catch(e) { onError(e); }
2025-04-25 01:57:25 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/ });
/******/ }
/******/ }
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
2020-09-21 04:39:12 +08:00
/******/ // no baseURI
/******/
2020-06-04 08:48:12 +08:00
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
2021-08-20 14:12:50 +08:00
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
2020-06-04 08:48:12 +08:00
/******/ var installedChunks = {
/******/ "mfeBBB": 0
/******/ };
/******/
/******/ __webpack_require__ .f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = __webpack_require__ .o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
/******/ if(installedChunkData) {
/******/ promises.push(installedChunkData[2]);
/******/ } else {
/******/ if(true) { // all chunks have JS
/******/ // setup Promise in chunk cache
2021-08-20 14:12:50 +08:00
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
2020-06-04 08:48:12 +08:00
/******/ promises.push(installedChunkData[2] = promise);
/******/
/******/ // start chunk loading
/******/ var url = __webpack_require__ .p + __webpack_require__ .u(chunkId);
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ var loadingEnded = (event) => {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) {
/******/ var errorType = event & & (event.type === 'load' ? 'missing' : event.type);
/******/ var realSrc = event & & event.target & & event.target.src;
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
/******/ error.name = 'ChunkLoadError';
/******/ error.type = errorType;
/******/ error.request = realSrc;
/******/ installedChunkData[1](error);
/******/ }
/******/ }
/******/ };
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l(url, loadingEnded, "chunk-" + chunkId, chunkId);
2025-04-25 01:57:25 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
2021-08-20 14:12:50 +08:00
/******/ // no on chunks loaded
2020-06-04 08:48:12 +08:00
/******/
/******/ // install a JSONP callback for chunk loading
2020-12-11 17:29:32 +08:00
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
2020-09-21 04:39:12 +08:00
/******/ var [chunkIds, moreModules, runtime] = data;
2020-06-04 08:48:12 +08:00
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
2021-08-20 14:12:50 +08:00
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__ .m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
2020-06-04 08:48:12 +08:00
/******/ for(;i < chunkIds.length ; i + + ) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) & & installedChunks[chunkId]) {
2021-08-20 14:12:50 +08:00
/******/ installedChunks[chunkId][0]();
2020-06-04 08:48:12 +08:00
/******/ }
2023-04-08 06:23:22 +08:00
/******/ installedChunks[chunkId] = 0;
2020-06-04 08:48:12 +08:00
/******/ }
/******/
2020-09-21 04:39:12 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/
2020-09-21 04:39:12 +08:00
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_bbb"] = self["webpackChunkmodule_federation_bbb"] || [];
2020-12-11 17:29:32 +08:00
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/************************************************************************/
```
< / details >
``` js
2021-08-20 14:12:50 +08:00
/******/
/******/ // module cache are used so entry inlining is disabled
2020-06-04 08:48:12 +08:00
/******/ // startup
/******/ // Load entry module and return exports
2021-08-20 14:12:50 +08:00
/******/ var __webpack_exports__ = __webpack_require__ (0);
/******/ mfeBBB = __webpack_exports__ ;
/******/
2020-06-04 08:48:12 +08:00
/******/ })()
;
```
# dist/ccc/mfeCCC.js
```javascript
2021-08-20 14:12:50 +08:00
var mfeCCC;
2020-06-04 08:48:12 +08:00
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */
/*!***********************!*\
!*** container entry ** *!
\***********************/
2023-04-08 06:23:22 +08:00
/*! namespace exports */
/*! export get [provided] [maybe used in mfeCCC (runtime-defined)] [usage and provision prevents renaming] */
/*! export init [provided] [maybe used in mfeCCC (runtime-defined)] [usage and provision prevents renaming] */
/*! other exports [not provided] [maybe used in mfeCCC (runtime-defined)] */
2020-06-04 08:48:12 +08:00
/*! runtime requirements: __webpack_require__ .d, __webpack_require__ .o, __webpack_exports__ , __webpack_require__ .e, __webpack_require__ , __webpack_require__ .* */
/***/ ((__unused_webpack_module, exports, __webpack_require__ ) => {
var moduleMap = {
"./Component": () => {
2021-08-20 14:12:50 +08:00
return Promise.all([__webpack_require__.e("webpack_sharing_consume_default_react"), __webpack_require__ .e("src-c_Component_js")]).then(() => (() => ((__webpack_require__(/*! ./src-c/Component */ 3)))));
2020-06-04 08:48:12 +08:00
},
"./Component2": () => {
2021-08-20 14:12:50 +08:00
return Promise.all([__webpack_require__.e("webpack_sharing_consume_default_react"), __webpack_require__ .e("src-c_LazyComponent_js")]).then(() => (() => ((__webpack_require__(/*! ./src-c/LazyComponent */ 6)))));
2020-06-04 08:48:12 +08:00
}
};
2020-09-21 04:39:12 +08:00
var get = (module, getScope) => {
__webpack_require__ .R = getScope;
getScope = (
2020-06-04 08:48:12 +08:00
__webpack_require__ .o(moduleMap, module)
? moduleMap[module]()
: Promise.resolve().then(() => {
throw new Error('Module "' + module + '" does not exist in container.');
})
);
2020-09-21 04:39:12 +08:00
__webpack_require__ .R = undefined;
return getScope;
2020-06-04 08:48:12 +08:00
};
2020-09-21 04:39:12 +08:00
var init = (shareScope, initScope) => {
if (!__webpack_require__.S) return;
2020-06-04 08:48:12 +08:00
var name = "default"
2023-04-08 06:23:22 +08:00
var oldScope = __webpack_require__ .S[name];
2020-06-04 08:48:12 +08:00
if(oldScope & & oldScope !== shareScope) throw new Error("Container initialization failed as it has already been initialized with a different share scope");
__webpack_require__ .S[name] = shareScope;
2020-09-21 04:39:12 +08:00
return __webpack_require__ .I(name, initScope);
2020-06-04 08:48:12 +08:00
};
// This exports getters to disallow modifications
__webpack_require__.d(exports, {
2021-08-20 14:12:50 +08:00
get: () => (get),
init: () => (init)
2020-06-04 08:48:12 +08:00
});
/***/ })
/******/ ]);
```
< details > < summary > < code > /* webpack runtime code */< / code > < / summary >
``` js
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__ (moduleId) {
/******/ // Check if module is in cache
2021-08-20 14:12:50 +08:00
/******/ var cachedModule = __webpack_module_cache__ [moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
2020-06-04 08:48:12 +08:00
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__ [moduleId] = {
2020-06-16 04:45:36 +08:00
/******/ // no module.id needed
/******/ // no module.loaded needed
2020-06-04 08:48:12 +08:00
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
2020-06-16 04:45:36 +08:00
/******/ __webpack_modules__ [moduleId ](module, module.exports, __webpack_require__ );
2020-06-04 08:48:12 +08:00
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__ .m = __webpack_modules__ ;
/******/
2021-08-20 14:12:50 +08:00
/******/ // expose the module cache
/******/ __webpack_require__ .c = __webpack_module_cache__ ;
/******/
2020-06-04 08:48:12 +08:00
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__ .n = (module) => {
/******/ var getter = module & & module.__esModule ?
2021-08-20 14:12:50 +08:00
/******/ () => (module['default']) :
/******/ () => (module);
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__ .d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) & & !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/ensure chunk */
/******/ (() => {
/******/ __webpack_require__ .f = {};
/******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks
/******/ __webpack_require__ .e = (chunkId) => {
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
/******/ __webpack_require__ .f[key](chunkId, promises);
/******/ return promises;
/******/ }, []));
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/get javascript chunk filename */
/******/ (() => {
/******/ // This function allow to reference async chunks
/******/ __webpack_require__ .u = (chunkId) => {
/******/ // return url for filenames based on template
/******/ return "" + chunkId + ".js";
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/global */
/******/ (() => {
/******/ __webpack_require__ .g = (function() {
/******/ if (typeof globalThis === 'object') return globalThis;
/******/ try {
/******/ return this || new Function('return this')();
/******/ } catch (e) {
/******/ if (typeof window === 'object') return window;
/******/ }
/******/ })();
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/******/ /* webpack/runtime/load script */
/******/ (() => {
/******/ var inProgress = {};
2020-06-30 22:13:20 +08:00
/******/ var dataWebpackPrefix = "module-federation-ccc:";
2020-06-04 08:48:12 +08:00
/******/ // loadScript function to load a script via script tag
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l = (url, done, key, chunkId) => {
2020-06-04 08:48:12 +08:00
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
/******/ var script, needAttach;
/******/ if(key !== undefined) {
/******/ var scripts = document.getElementsByTagName("script");
/******/ for(var i = 0; i < script s . length ; i + + ) {
/******/ var s = scripts[i];
2020-06-30 22:13:20 +08:00
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
2020-06-04 08:48:12 +08:00
/******/ }
/******/ }
/******/ if(!script) {
/******/ needAttach = true;
/******/ script = document.createElement('script');
/******/
/******/ script.charset = 'utf-8';
/******/ script.timeout = 120;
/******/ if (__webpack_require__.nc) {
/******/ script.setAttribute("nonce", __webpack_require__ .nc);
/******/ }
2020-06-30 22:13:20 +08:00
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
2025-04-25 01:57:25 +08:00
/******/
2020-06-04 08:48:12 +08:00
/******/ script.src = url;
/******/ }
/******/ inProgress[url] = [done];
2020-09-21 04:39:12 +08:00
/******/ var onScriptComplete = (prev, event) => {
2020-06-04 08:48:12 +08:00
/******/ // avoid mem leaks in IE.
/******/ script.onerror = script.onload = null;
/******/ clearTimeout(timeout);
/******/ var doneFns = inProgress[url];
/******/ delete inProgress[url];
2020-06-30 22:13:20 +08:00
/******/ script.parentNode & & script.parentNode.removeChild(script);
2021-08-20 14:12:50 +08:00
/******/ doneFns & & doneFns.forEach((fn) => (fn(event)));
2020-09-21 04:39:12 +08:00
/******/ if(prev) return prev(event);
2020-06-04 08:48:12 +08:00
/******/ }
2020-09-21 04:39:12 +08:00
/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
/******/ script.onload = onScriptComplete.bind(null, script.onload);
2020-06-04 08:48:12 +08:00
/******/ needAttach & & document.head.appendChild(script);
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__ .r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' & & Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/sharing */
/******/ (() => {
/******/ __webpack_require__ .S = {};
/******/ var initPromises = {};
2020-09-21 04:39:12 +08:00
/******/ var initTokens = {};
/******/ __webpack_require__ .I = (name, initScope) => {
/******/ if(!initScope) initScope = [];
/******/ // handling circular init calls
/******/ var initToken = initTokens[name];
/******/ if(!initToken) initToken = initTokens[name] = {};
/******/ if(initScope.indexOf(initToken) >= 0) return;
/******/ initScope.push(initToken);
2020-06-04 08:48:12 +08:00
/******/ // only runs once
/******/ if(initPromises[name]) return initPromises[name];
/******/ // creates a new share scope if needed
/******/ if(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__ .S[name] = {};
/******/ // runs all init snippets from all modules reachable
/******/ var scope = __webpack_require__ .S[name];
2022-10-20 10:40:42 +08:00
/******/ var warn = (msg) => {
2025-04-25 01:57:25 +08:00
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2022-10-20 10:40:42 +08:00
/******/ };
2020-06-30 21:08:13 +08:00
/******/ var uniqueName = "module-federation-ccc";
2021-08-20 14:12:50 +08:00
/******/ var register = (name, version, factory, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[name] = scope[name] || {};
/******/ var activeVersion = versions[version];
2021-08-20 14:12:50 +08:00
/******/ if(!activeVersion || (!activeVersion.loaded & & (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
2020-06-04 08:48:12 +08:00
/******/ };
/******/ var initExternal = (id) => {
2021-08-20 14:12:50 +08:00
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
2020-06-04 08:48:12 +08:00
/******/ try {
/******/ var module = __webpack_require__ (id);
/******/ if(!module) return;
2021-08-20 14:12:50 +08:00
/******/ var initFn = (module) => (module & & module.init & & module.init(__webpack_require__.S[name], initScope))
2020-06-04 08:48:12 +08:00
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
/******/ var initResult = initFn(module);
2023-04-08 06:23:22 +08:00
/******/ if(initResult & & initResult.then) return promises.push(initResult['catch'](handleError));
2020-06-04 08:48:12 +08:00
/******/ } catch(err) { handleError(err); }
/******/ }
/******/ var promises = [];
/******/ switch(name) {
/******/ case "default": {
2025-04-25 01:57:25 +08:00
/******/ register("date-fns", "4.1.0", () => (__webpack_require__.e("vendors-node_modules_date-fns_index_js").then(() => (() => (__webpack_require__(/*! ../../node_modules/date-fns/index.js */ 8))))));
/******/ register("lodash/random", "4.17.21", () => (__webpack_require__.e("vendors-node_modules_lodash_random_js").then(() => (() => (__webpack_require__(/*! ../../node_modules/lodash/random.js */ 311))))));
2020-06-04 08:48:12 +08:00
/******/ }
/******/ break;
/******/ }
2020-09-21 04:39:12 +08:00
/******/ if(!promises.length) return initPromises[name] = 1;
2021-08-20 14:12:50 +08:00
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
2020-06-04 08:48:12 +08:00
/******/ };
/******/ })();
/******/
2020-09-21 04:39:12 +08:00
/******/ /* webpack/runtime/publicPath */
/******/ (() => {
/******/ __webpack_require__ .p = "dist/ccc/";
/******/ })();
/******/
2020-06-04 08:48:12 +08:00
/******/ /* webpack/runtime/consumes */
/******/ (() => {
2020-07-02 17:06:42 +08:00
/******/ var parseVersion = (str) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2025-07-01 18:16:11 +08:00
/******/ var p=p=>{return p.split(".").map(p=>{return+p==p?+p:p})},n=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;
2020-06-30 21:08:13 +08:00
/******/ }
/******/ var versionLt = (a, b) => {
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ a=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r< b.length & & " u " ! = ( typeof b [ r ] ) [ 0 ] ; var e = a[r],n=(typeof e ) [ 0 ] ; if ( r > =b.length)return"u"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return"o"==n&&"n"==f||("s"==f||"u"==n); if("o"!=n& & "u"!=n& & e!=t)return e< t ; r + + }
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var rangeToString = (range) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2021-08-20 14:12:50 +08:00
/******/ var r=range[0],n="";if(1===range.length)return"*";if(r+.5){n+=0==r?">=":-1==r?"< ":1==r?"^":2==r?"~":r>0?"=":"!=";for(var e=1,a=1;a< range.length ; a ++){ e-- , n +=" u "==( typeof ( t = range[a]))[0]?"-":(e > 0?".":"")+(e=2,t)}return n}var g=[];for(a=1;a< range.length ; a ++){ var t = range[a];g.push(0===t?"not("+o()+")":1===t?"("+o()+" || "+ o ()+")" :2 = ==t?g.pop()+" "+ g . pop () :rangeToString ( t ))} return o (); function o (){ return g . pop (). replace (/^ \((.+) \)$/,"$ 1 ")}
2020-06-30 21:08:13 +08:00
/******/ }
2020-07-02 17:06:42 +08:00
/******/ var satisfy = (range, version) => {
2020-06-30 21:08:13 +08:00
/******/ // see webpack/lib/util/semver.js for original code
2020-09-21 04:39:12 +08:00
/******/ if(0 in range){version=parseVersion(version);var e=range[0],r=e< 0 ; r & & ( e = -e-1);for(var n = 0,i=1,a=!0;;i++,n++){var f , s , g = i<range.length?(typeof range [ i ] ) [ 0 ] : " " ; if ( n > =version.length||"o"==(s=(typeof(f=version[n]))[0]))return!a||("u"==g?i>e&&!r:""==g!=r); if("u"==s){if(!a||"u"!=g)return!1}else if(a)if(g==s)if(i< =e){if(f!=range[i])return!1}else{if(r?f>range[i]:f< range [ i ] ) return ! 1 ; f ! = range [ i ] & & ( a = !1)}else if ( " s " ! = g & & " n " ! = g ) { if ( r | | i < = e ) return ! 1 ; a = !1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else"s"!=g&&"n"!=g&&(a=!1,i--)}}var t = [],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u = range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();
2020-06-30 21:08:13 +08:00
/******/ }
2025-04-25 01:57:25 +08:00
/******/ var exists = (scope, key) => {
/******/ return scope && __webpack_require__ .o(scope, key);
/******/ }
/******/ var get = (entry) => {
/******/ entry.loaded = 1;
/******/ return entry.get()
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var eagerOnly = (versions) => {
/******/ return Object.keys(versions).reduce((filtered, version) => {
/******/ if (versions[version].eager) {
/******/ filtered[version] = versions[version];
/******/ }
/******/ return filtered;
/******/ }, {});
/******/ };
/******/ var findLatestVersion = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ var key = Object.keys(versions).reduce((a, b) => {
/******/ return !a || versionLt(a, b) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
2025-04-25 01:57:25 +08:00
/******/ return key & & versions[key];
/******/ };
/******/ var findSatisfyingVersion = (scope, key, requiredVersion, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
/******/ var key = Object.keys(versions).reduce((a, b) => {
/******/ if (!satisfy(requiredVersion, b)) return a;
/******/ return !a || versionLt(a, b) ? b : a;
/******/ }, 0);
2020-07-02 17:06:42 +08:00
/******/ return key & & versions[key]
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var findSingletonVersionKey = (scope, key, eager) => {
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
2020-07-02 17:06:42 +08:00
/******/ return Object.keys(versions).reduce((a, b) => {
/******/ return !a || (!versions[a].loaded & & versionLt(a, b)) ? b : a;
2020-06-30 21:08:13 +08:00
/******/ }, 0);
/******/ };
2023-04-08 06:23:22 +08:00
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
/******/ return "Unsatisfied version " + version + " from " + (version & & scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
2020-06-30 21:08:13 +08:00
/******/ var versions = scope[key];
2025-04-25 01:57:25 +08:00
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
2020-06-30 21:08:13 +08:00
/******/ "Available versions: " + Object.keys(versions).map((key) => {
2020-07-02 17:06:42 +08:00
/******/ return key + " from " + versions[key].from;
2020-06-30 21:08:13 +08:00
/******/ }).join(", ");
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var fail = (msg) => {
/******/ throw new Error(msg);
/******/ }
/******/ var failAsNotExist = (scopeName, key) => {
/******/ return fail("Shared module " + key + " doesn't exist in shared scope " + scopeName);
/******/ }
/******/ var warn = /*#__PURE__*/ (msg) => {
/******/ if (typeof console !== "undefined" & & console.warn) console.warn(msg);
2020-06-30 21:08:13 +08:00
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
2020-06-30 21:08:13 +08:00
/******/ var promise = __webpack_require__ .I(scopeName);
2025-04-25 01:57:25 +08:00
/******/ if (promise & & promise.then & & !eager) {
/******/ return promise.then(fn.bind(fn, scopeName, __webpack_require__ .S[scopeName], key, false, c, d));
/******/ }
/******/ return fn(scopeName, __webpack_require__ .S[scopeName], key, eager, c, d);
2021-08-20 14:12:50 +08:00
/******/ });
2020-06-30 21:08:13 +08:00
/******/
2025-04-25 01:57:25 +08:00
/******/ var useFallback = (scopeName, key, fallback) => {
/******/ return fallback ? fallback() : failAsNotExist(scopeName, key);
/******/ }
/******/ var load = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ warn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager))
/******/ return get(findLatestVersion(scope, key, eager));
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);
/******/ if (satisfyingVersion) return get(satisfyingVersion);
/******/ if (fallback) return fallback();
/******/ fail(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager));
2023-04-08 06:23:22 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingleton = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ warn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2025-04-25 01:57:25 +08:00
/******/ var loadStrictSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {
/******/ if (!exists(scope, key)) return useFallback(scopeName, key, fallback);
/******/ var version = findSingletonVersionKey(scope, key, eager);
/******/ if (!satisfy(requiredVersion, version)) {
/******/ fail(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));
/******/ }
/******/ return get(scope[key][version]);
2020-06-30 21:08:13 +08:00
/******/ });
2020-06-04 08:48:12 +08:00
/******/ var installedModules = {};
/******/ var moduleToHandlerMapping = {
2025-04-25 01:57:25 +08:00
/******/ 4: () => (loadSingletonVersion("default", "react", false, [1,19,0,0])),
/******/ 5: () => (loadStrictVersion("default", "date-fns", false, [1,4,0,0], () => (__webpack_require__.e("vendors-node_modules_date-fns_index_js").then(() => (() => (__webpack_require__(/*! date-fns */ 8))))))),
/******/ 7: () => (loadStrictVersion("default", "lodash/random", false, [1,4,17,19], () => (__webpack_require__.e("vendors-node_modules_lodash_random_js").then(() => (() => (__webpack_require__(/*! lodash/random */ 311)))))))
2020-06-04 08:48:12 +08:00
/******/ };
/******/ // no consumes in initial chunks
/******/ var chunkMapping = {
2020-06-16 04:45:36 +08:00
/******/ "webpack_sharing_consume_default_react": [
/******/ 4
2020-06-04 08:48:12 +08:00
/******/ ],
/******/ "src-c_Component_js": [
2020-06-16 04:45:36 +08:00
/******/ 5
2020-06-04 08:48:12 +08:00
/******/ ],
/******/ "src-c_LazyComponent_js": [
2020-06-16 04:45:36 +08:00
/******/ 7
2020-06-04 08:48:12 +08:00
/******/ ]
/******/ };
2025-04-25 01:57:25 +08:00
/******/ var startedInstallModules = {};
2020-06-04 08:48:12 +08:00
/******/ __webpack_require__ .f.consumes = (chunkId, promises) => {
/******/ if(__webpack_require__.o(chunkMapping, chunkId)) {
/******/ chunkMapping[chunkId].forEach((id) => {
/******/ if(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);
2025-04-25 01:57:25 +08:00
/******/ if(!startedInstallModules[id]) {
2020-06-04 08:48:12 +08:00
/******/ var onFactory = (factory) => {
/******/ installedModules[id] = 0;
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ module.exports = factory();
/******/ }
/******/ };
2025-04-25 01:57:25 +08:00
/******/ startedInstallModules[id] = true;
2020-06-04 08:48:12 +08:00
/******/ var onError = (error) => {
/******/ delete installedModules[id];
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .m[id] = (module) => {
/******/ delete __webpack_require__ .c[id];
2020-06-04 08:48:12 +08:00
/******/ throw error;
/******/ }
/******/ };
/******/ try {
/******/ var promise = moduleToHandlerMapping[id]();
/******/ if(promise.then) {
2023-04-08 06:23:22 +08:00
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
2020-06-04 08:48:12 +08:00
/******/ } else onFactory(promise);
/******/ } catch(e) { onError(e); }
2025-04-25 01:57:25 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/ });
/******/ }
/******/ }
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
2020-09-21 04:39:12 +08:00
/******/ // no baseURI
/******/
2020-06-04 08:48:12 +08:00
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
2021-08-20 14:12:50 +08:00
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
2020-06-04 08:48:12 +08:00
/******/ var installedChunks = {
/******/ "mfeCCC": 0
/******/ };
/******/
/******/ __webpack_require__ .f.j = (chunkId, promises) => {
/******/ // JSONP chunk loading for javascript
/******/ var installedChunkData = __webpack_require__ .o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
/******/
/******/ // a Promise means "currently loading".
/******/ if(installedChunkData) {
/******/ promises.push(installedChunkData[2]);
/******/ } else {
2020-06-16 04:45:36 +08:00
/******/ if("webpack_sharing_consume_default_react" != chunkId) {
2020-06-04 08:48:12 +08:00
/******/ // setup Promise in chunk cache
2021-08-20 14:12:50 +08:00
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
2020-06-04 08:48:12 +08:00
/******/ promises.push(installedChunkData[2] = promise);
/******/
/******/ // start chunk loading
/******/ var url = __webpack_require__ .p + __webpack_require__ .u(chunkId);
/******/ // create error before stack unwound to get useful stacktrace later
/******/ var error = new Error();
/******/ var loadingEnded = (event) => {
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
/******/ installedChunkData = installedChunks[chunkId];
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
/******/ if(installedChunkData) {
/******/ var errorType = event & & (event.type === 'load' ? 'missing' : event.type);
/******/ var realSrc = event & & event.target & & event.target.src;
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
/******/ error.name = 'ChunkLoadError';
/******/ error.type = errorType;
/******/ error.request = realSrc;
/******/ installedChunkData[1](error);
/******/ }
/******/ }
/******/ };
2021-08-20 14:12:50 +08:00
/******/ __webpack_require__ .l(url, loadingEnded, "chunk-" + chunkId, chunkId);
2020-06-04 08:48:12 +08:00
/******/ } else installedChunks[chunkId] = 0;
/******/ }
/******/ }
/******/ };
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
2021-08-20 14:12:50 +08:00
/******/ // no on chunks loaded
2020-06-04 08:48:12 +08:00
/******/
/******/ // install a JSONP callback for chunk loading
2020-12-11 17:29:32 +08:00
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
2020-09-21 04:39:12 +08:00
/******/ var [chunkIds, moreModules, runtime] = data;
2020-06-04 08:48:12 +08:00
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
2021-08-20 14:12:50 +08:00
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__ .m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
2020-06-04 08:48:12 +08:00
/******/ for(;i < chunkIds.length ; i + + ) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) & & installedChunks[chunkId]) {
2021-08-20 14:12:50 +08:00
/******/ installedChunks[chunkId][0]();
2020-06-04 08:48:12 +08:00
/******/ }
2023-04-08 06:23:22 +08:00
/******/ installedChunks[chunkId] = 0;
2020-06-04 08:48:12 +08:00
/******/ }
/******/
2020-09-21 04:39:12 +08:00
/******/ }
2020-06-04 08:48:12 +08:00
/******/
2020-09-21 04:39:12 +08:00
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_ccc"] = self["webpackChunkmodule_federation_ccc"] || [];
2020-12-11 17:29:32 +08:00
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
2020-06-04 08:48:12 +08:00
/******/ })();
/******/
/************************************************************************/
```
< / details >
``` js
2021-08-20 14:12:50 +08:00
/******/
/******/ // module cache are used so entry inlining is disabled
2020-06-04 08:48:12 +08:00
/******/ // startup
/******/ // Load entry module and return exports
2021-08-20 14:12:50 +08:00
/******/ var __webpack_exports__ = __webpack_require__ (0);
/******/ mfeCCC = __webpack_exports__ ;
/******/
2020-06-04 08:48:12 +08:00
/******/ })()
;
```
# Info
## Unoptimized
```
2020-09-21 04:39:12 +08:00
app:
2025-05-28 22:41:15 +08:00
asset src_bootstrap_js.js 43.8 KiB [emitted]
2025-04-25 01:57:25 +08:00
asset app.js 30.1 KiB [emitted] (name: app)
asset vendors-node_modules_react_index_js.js 27.5 KiB [emitted] (id hint: vendors)
chunk (runtime: app) app.js (app) 672 bytes (javascript) 42 bytes (share-init) 19 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> ./src/index.js app
2025-04-25 01:57:25 +08:00
runtime modules 19 KiB 13 modules
2023-04-08 06:23:22 +08:00
built modules 672 bytes (javascript) 42 bytes (share-init) [built]
./src/index.js 588 bytes [built] [code generated]
2020-09-21 04:39:12 +08:00
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
external "mfeCCC@/dist/ccc/mfeCCC.js" 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: app) src_bootstrap_js.js 26.3 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [rendered]
2023-04-08 06:23:22 +08:00
> ./bootstrap ./src/index.js 10:0-21
2025-04-25 01:57:25 +08:00
dependent modules 25.9 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [dependent] 17 modules
./src/bootstrap.js 380 bytes [built] [code generated]
chunk (runtime: app) vendors-node_modules_react_index_js.js (id hint: vendors) 16.9 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js
> consume shared module (default) react@^19.1.0 (singleton) (fallback: ../../node_modules/react/index.js)
> consume shared module (default) react@^19.0.0 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 16.7 KiB [dependent] 1 module
../../node_modules/react/index.js 186 bytes [built] [code generated]
2020-12-11 17:29:32 +08:00
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
2023-04-08 06:23:22 +08:00
> mfe-c/Component2 ./src/App.js 7:49-75
2020-09-21 04:39:12 +08:00
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
2025-04-29 02:11:48 +08:00
app (webpack X.X.X) compiled successfully
2020-09-21 04:39:12 +08:00
mfe-b:
2025-04-25 01:57:25 +08:00
assets by chunk 1020 KiB (id hint: vendors)
asset vendors-node_modules_date-fns_index_js.js 995 KiB [emitted] (id hint: vendors)
asset vendors-node_modules_react_index_js.js 27.5 KiB [emitted] (id hint: vendors)
asset mfeBBB.js 24.6 KiB [emitted] (name: mfeBBB)
2021-08-20 14:12:50 +08:00
asset src-b_Component_js.js 2.25 KiB [emitted]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.2 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> mfeBBB
2025-04-25 01:57:25 +08:00
runtime modules 16.2 KiB 11 modules
2020-09-21 04:39:12 +08:00
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) date-fns@4.1.0 = ../../node_modules/dat...(truncated) 42 bytes [built] [code generated]
provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
2023-04-08 06:23:22 +08:00
chunk (runtime: mfeBBB) src-b_Component_js.js 752 bytes (javascript) 84 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-b/Component container entry ./Component
dependent modules 84 bytes [dependent] 2 modules
2023-04-08 06:23:22 +08:00
./src-b/Component.js 752 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeBBB) vendors-node_modules_date-fns_index_js.js (id hint: vendors) 520 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) date-fns@4.1.0 = ../../node_modules/date-fns/index.js
> consume shared module (default) date-fns@^4.0.0 (strict) (fallback: ../../node_modules/date-fns/index.js)
dependent modules 512 KiB [dependent] 302 modules
../../node_modules/date-fns/index.js 8.68 KiB [built] [code generated]
chunk (runtime: mfeBBB) vendors-node_modules_react_index_js.js (id hint: vendors) 16.9 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js
> consume shared module (default) react@^19.0.0 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 16.7 KiB [dependent] 1 module
../../node_modules/react/index.js 186 bytes [built] [code generated]
2025-04-29 02:11:48 +08:00
mfe-b (webpack X.X.X) compiled successfully
2020-09-21 04:39:12 +08:00
mfe-c:
2025-04-25 01:57:25 +08:00
assets by chunk 1020 KiB (id hint: vendors)
asset vendors-node_modules_date-fns_index_js.js 995 KiB [emitted] (id hint: vendors)
2021-08-20 14:12:50 +08:00
asset vendors-node_modules_lodash_random_js.js 24.8 KiB [emitted] (id hint: vendors)
2025-04-25 01:57:25 +08:00
asset mfeCCC.js 25.6 KiB [emitted] (name: mfeCCC)
2023-04-08 06:23:22 +08:00
asset src-c_LazyComponent_js.js 2.05 KiB [emitted]
2020-09-21 04:39:12 +08:00
asset src-c_Component_js.js 1.97 KiB [emitted]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.6 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> mfeCCC
2025-04-25 01:57:25 +08:00
runtime modules 16.6 KiB 12 modules
2020-09-21 04:39:12 +08:00
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) date-fns@4.1.0 = ../../node_modules/dat...(truncated) 42 bytes [built] [code generated]
provide shared module (default) lodash/random@4.17.21 = ../../node_modules/lo...(truncated) 42 bytes [built] [code generated]
2023-04-08 06:23:22 +08:00
chunk (runtime: mfeCCC) src-c_Component_js.js 467 bytes (javascript) 42 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-c/Component container entry ./Component
dependent modules 42 bytes [dependent] 1 module
2023-04-08 06:23:22 +08:00
./src-c/Component.js 467 bytes [built] [code generated]
chunk (runtime: mfeCCC) src-c_LazyComponent_js.js 504 bytes (javascript) 42 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-c/LazyComponent container entry ./Component2
dependent modules 42 bytes [dependent] 1 module
2023-04-08 06:23:22 +08:00
./src-c/LazyComponent.js 504 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeCCC) vendors-node_modules_date-fns_index_js.js (id hint: vendors) 520 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) date-fns@4.1.0 = ../../node_modules/date-fns/index.js
> consume shared module (default) date-fns@^4.0.0 (strict) (fallback: ../../node_modules/date-fns/index.js)
dependent modules 512 KiB [dependent] 302 modules
../../node_modules/date-fns/index.js 8.68 KiB [built] [code generated]
2021-08-20 14:12:50 +08:00
chunk (runtime: mfeCCC) vendors-node_modules_lodash_random_js.js (id hint: vendors) 16 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> provide shared module (default) lodash/random@4.17.21 = ../../node_modules/lodash/random.js
2020-09-21 04:39:12 +08:00
> consume shared module (default) lodash/random@^4.17.19 (strict) (fallback: ../../node_modules/lodash/random.js)
2021-08-20 14:12:50 +08:00
dependent modules 13.7 KiB [dependent] 20 modules
2020-09-21 04:39:12 +08:00
../../node_modules/lodash/random.js 2.32 KiB [built] [code generated]
2020-12-11 17:29:32 +08:00
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
2020-09-21 04:39:12 +08:00
> ./src-c/Component container entry ./Component
> ./src-c/LazyComponent container entry ./Component2
2025-04-25 01:57:25 +08:00
consume shared module (default) react@^19.0.0 (singleton) 42 bytes [built] [code generated]
2025-04-29 02:11:48 +08:00
mfe-c (webpack X.X.X) compiled successfully
2020-06-04 08:48:12 +08:00
```
## Production mode
```
2020-09-21 04:39:12 +08:00
app:
2025-04-25 01:57:25 +08:00
asset src_bootstrap_js.js 12.5 KiB [emitted] [minimized] 1 related asset
2025-07-01 18:16:11 +08:00
asset app.js 7.64 KiB [emitted] [minimized] (name: app)
asset node_modules_react_index_js.js 7.44 KiB [emitted] [minimized] 1 related asset
2025-06-23 20:20:10 +08:00
chunk (runtime: app) app.js (app) 672 bytes (javascript) 42 bytes (share-init) 19 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> ./src/index.js app
2025-06-23 20:20:10 +08:00
runtime modules 19 KiB 13 modules
2023-04-08 06:23:22 +08:00
built modules 672 bytes (javascript) 42 bytes (share-init) [built]
./src/index.js 588 bytes [built] [code generated]
2020-09-21 04:39:12 +08:00
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
external "mfeCCC@/dist/ccc/mfeCCC.js" 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: app) node_modules_react_index_js.js 16.9 KiB [rendered]
2025-05-06 19:54:24 +08:00
> provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js
2025-04-25 01:57:25 +08:00
> consume shared module (default) react@^19.1.0 (singleton) (fallback: ../../node_modules/react/index.js)
> consume shared module (default) react@^19.0.0 (singleton) (fallback: ../../node_modules/react/index.js)
dependent modules 16.7 KiB [dependent] 1 module
../../node_modules/react/index.js 186 bytes [built] [code generated]
chunk (runtime: app) src_bootstrap_js.js 26.3 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [rendered]
2023-04-08 06:23:22 +08:00
> ./bootstrap ./src/index.js 10:0-21
2025-04-25 01:57:25 +08:00
dependent modules 7.83 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [dependent] 6 modules
./src/bootstrap.js + 11 modules 18.4 KiB [built] [code generated]
2020-09-21 04:39:12 +08:00
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
2023-04-08 06:23:22 +08:00
> mfe-c/Component2 ./src/App.js 7:49-75
2020-09-21 04:39:12 +08:00
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
2025-04-29 02:11:48 +08:00
app (webpack X.X.X) compiled successfully
2020-09-21 04:39:12 +08:00
mfe-b:
2025-04-25 01:57:25 +08:00
asset vendors-node_modules_date-fns_index_js.js 70.4 KiB [emitted] [minimized] (id hint: vendors)
2025-07-01 18:16:11 +08:00
asset node_modules_react_index_js.js 7.44 KiB [emitted] [minimized] 1 related asset
asset mfeBBB.js 6.31 KiB [emitted] [minimized] (name: mfeBBB)
2020-09-21 04:39:12 +08:00
asset src-b_Component_js.js 489 bytes [emitted] [minimized]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.1 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> mfeBBB
2025-04-25 01:57:25 +08:00
runtime modules 16.1 KiB 11 modules
2020-09-21 04:39:12 +08:00
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) date-fns@4.1.0 = ../../node_modules/dat...(truncated) 42 bytes [built] [code generated]
provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js 42 bytes [built] [code generated]
chunk (runtime: mfeBBB) node_modules_react_index_js.js 16.9 KiB [rendered]
2025-04-29 02:11:48 +08:00
> provide shared module (default) react@19.1.0 = ../../node_modules/react/index.js
2025-05-06 19:54:24 +08:00
> consume shared module (default) react@^19.0.0 (singleton) (fallback: ../../node_modules/react/index.js)
2025-04-25 01:57:25 +08:00
dependent modules 16.7 KiB [dependent] 1 module
../../node_modules/react/index.js 186 bytes [built] [code generated]
2023-04-08 06:23:22 +08:00
chunk (runtime: mfeBBB) src-b_Component_js.js 752 bytes (javascript) 84 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-b/Component container entry ./Component
dependent modules 84 bytes [dependent] 2 modules
2023-04-08 06:23:22 +08:00
./src-b/Component.js 752 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeBBB) vendors-node_modules_date-fns_index_js.js (id hint: vendors) 520 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> consume shared module (default) date-fns@^4.0.0 (strict) (fallback: ../../node_modules/date-fns/index.js)
> provide shared module (default) date-fns@4.1.0 = ../../node_modules/date-fns/index.js
../../node_modules/date-fns/index.js + 302 modules 520 KiB [built] [code generated]
2025-04-29 02:11:48 +08:00
mfe-b (webpack X.X.X) compiled successfully
2020-09-21 04:39:12 +08:00
mfe-c:
2025-04-25 01:57:25 +08:00
asset vendors-node_modules_date-fns_index_js.js 70.4 KiB [emitted] [minimized] (id hint: vendors)
2025-07-01 18:16:11 +08:00
asset mfeCCC.js 6.85 KiB [emitted] [minimized] (name: mfeCCC)
2021-08-20 14:12:50 +08:00
asset node_modules_lodash_random_js.js 3.13 KiB [emitted] [minimized]
2025-04-25 01:57:25 +08:00
asset src-c_LazyComponent_js.js 533 bytes [emitted] [minimized]
2023-04-08 06:23:22 +08:00
asset src-c_Component_js.js 488 bytes [emitted] [minimized]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.5 KiB (runtime) [entry] [rendered]
2020-09-21 04:39:12 +08:00
> mfeCCC
2025-04-25 01:57:25 +08:00
runtime modules 16.5 KiB 12 modules
2020-09-21 04:39:12 +08:00
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
container entry 42 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
provide shared module (default) date-fns@4.1.0 = ../../node_modules/dat...(truncated) 42 bytes [built] [code generated]
provide shared module (default) lodash/random@4.17.21 = ../../node_modules/lo...(truncated) 42 bytes [built] [code generated]
2021-08-20 14:12:50 +08:00
chunk (runtime: mfeCCC) node_modules_lodash_random_js.js 16 KiB [rendered]
2020-09-21 04:39:12 +08:00
> consume shared module (default) lodash/random@^4.17.19 (strict) (fallback: ../../node_modules/lodash/random.js)
2025-04-25 01:57:25 +08:00
> provide shared module (default) lodash/random@4.17.21 = ../../node_modules/lodash/random.js
2021-08-20 14:12:50 +08:00
dependent modules 13.7 KiB [dependent] 20 modules
2020-09-21 04:39:12 +08:00
../../node_modules/lodash/random.js 2.32 KiB [built] [code generated]
2023-04-08 06:23:22 +08:00
chunk (runtime: mfeCCC) src-c_Component_js.js 467 bytes (javascript) 42 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-c/Component container entry ./Component
dependent modules 42 bytes [dependent] 1 module
2023-04-08 06:23:22 +08:00
./src-c/Component.js 467 bytes [built] [code generated]
chunk (runtime: mfeCCC) src-c_LazyComponent_js.js 504 bytes (javascript) 42 bytes (consume-shared) [rendered]
2020-09-21 04:39:12 +08:00
> ./src-c/LazyComponent container entry ./Component2
dependent modules 42 bytes [dependent] 1 module
2023-04-08 06:23:22 +08:00
./src-c/LazyComponent.js 504 bytes [built] [code generated]
2025-04-25 01:57:25 +08:00
chunk (runtime: mfeCCC) vendors-node_modules_date-fns_index_js.js (id hint: vendors) 520 KiB [rendered] reused as split chunk (cache group: defaultVendors)
> consume shared module (default) date-fns@^4.0.0 (strict) (fallback: ../../node_modules/date-fns/index.js)
> provide shared module (default) date-fns@4.1.0 = ../../node_modules/date-fns/index.js
../../node_modules/date-fns/index.js + 302 modules 520 KiB [built] [code generated]
2020-09-21 04:39:12 +08:00
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
> ./src-c/Component container entry ./Component
> ./src-c/LazyComponent container entry ./Component2
2025-04-25 01:57:25 +08:00
consume shared module (default) react@^19.0.0 (singleton) 42 bytes [built] [code generated]
2025-04-29 02:11:48 +08:00
mfe-c (webpack X.X.X) compiled successfully
2020-06-04 08:48:12 +08:00
```