mirror of https://github.com/webpack/webpack.git
2266 lines
102 KiB
Markdown
2266 lines
102 KiB
Markdown
# webpack.config.js
|
|
|
|
```javascript
|
|
const path = require("path");
|
|
const { ModuleFederationPlugin } = require("../../").container;
|
|
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,
|
|
chunkModules: true,
|
|
chunkOrigins: true
|
|
};
|
|
module.exports = (env = "development") => [
|
|
// 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.
|
|
{
|
|
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"
|
|
},
|
|
|
|
// list of shared modules with optional options
|
|
shared: {
|
|
// 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.
|
|
react: {
|
|
singleton: true // make sure only a single react module is used
|
|
}
|
|
}
|
|
})
|
|
],
|
|
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"
|
|
},
|
|
|
|
// 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
|
|
}
|
|
}
|
|
]
|
|
})
|
|
],
|
|
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"
|
|
},
|
|
|
|
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
|
|
}
|
|
}
|
|
]
|
|
})
|
|
],
|
|
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;
|
|
```
|
|
|
|
# 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>
|
|
|
|
<!-- This script only contains bootstrapping logic -->
|
|
<!-- It will load all other scripts if necessary -->
|
|
<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>
|
|
```
|
|
|
|
# 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__ = ({
|
|
|
|
/***/ 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())
|
|
|
|
// 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
|
|
__webpack_require__.e(/*! import() */ "src_bootstrap_js").then(__webpack_require__.bind(__webpack_require__, /*! ./bootstrap */ 2));
|
|
|
|
// 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.
|
|
|
|
/***/ }),
|
|
|
|
/***/ 9:
|
|
/*!*********************************************!*\
|
|
!*** external "mfeBBB@/dist/bbb/mfeBBB.js" ***!
|
|
\*********************************************/
|
|
/*! dynamic exports */
|
|
/*! exports [maybe provided (runtime-defined)] [no usage info] */
|
|
/*! runtime requirements: __webpack_require__.l, module, __webpack_require__.* */
|
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
|
|
"use strict";
|
|
var __webpack_error__ = new Error();
|
|
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;
|
|
__webpack_error__.message = 'Loading script failed.\n(' + errorType + ': ' + realSrc + ')';
|
|
__webpack_error__.name = 'ScriptExternalLoadError';
|
|
__webpack_error__.type = errorType;
|
|
__webpack_error__.request = realSrc;
|
|
reject(__webpack_error__);
|
|
}, "mfeBBB");
|
|
}).then(() => (mfeBBB));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 11:
|
|
/*!*********************************************!*\
|
|
!*** external "mfeCCC@/dist/ccc/mfeCCC.js" ***!
|
|
\*********************************************/
|
|
/*! dynamic exports */
|
|
/*! exports [maybe provided (runtime-defined)] [no usage info] */
|
|
/*! runtime requirements: __webpack_require__.l, module, __webpack_require__.* */
|
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
|
|
"use strict";
|
|
var __webpack_error__ = new Error();
|
|
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;
|
|
__webpack_error__.message = 'Loading script failed.\n(' + errorType + ': ' + realSrc + ')';
|
|
__webpack_error__.name = 'ScriptExternalLoadError';
|
|
__webpack_error__.type = errorType;
|
|
__webpack_error__.request = realSrc;
|
|
reject(__webpack_error__);
|
|
}, "mfeCCC");
|
|
}).then(() => (mfeCCC));
|
|
|
|
/***/ })
|
|
|
|
/******/ });
|
|
```
|
|
|
|
<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
|
|
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
/******/ if (cachedModule !== undefined) {
|
|
/******/ return cachedModule.exports;
|
|
/******/ }
|
|
/******/ // 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__;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = __webpack_module_cache__;
|
|
/******/
|
|
/************************************************************************/
|
|
/******/ /* webpack/runtime/compat get default export */
|
|
/******/ (() => {
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = (module) => {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ () => (module['default']) :
|
|
/******/ () => (module);
|
|
/******/ __webpack_require__.d(getter, { a: getter });
|
|
/******/ return getter;
|
|
/******/ };
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/create fake namespace object */
|
|
/******/ (() => {
|
|
/******/ var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
|
|
/******/ var leafPrototypes;
|
|
/******/ // 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
|
|
/******/ // mode & 16: return value when it's Promise-like
|
|
/******/ // mode & 8|1: behave like require
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
|
/******/ if(mode & 1) value = this(value);
|
|
/******/ if(mode & 8) return value;
|
|
/******/ if(typeof value === 'object' && value) {
|
|
/******/ if((mode & 4) && value.__esModule) return value;
|
|
/******/ if((mode & 16) && typeof value.then === 'function') return value;
|
|
/******/ }
|
|
/******/ var ns = Object.create(null);
|
|
/******/ __webpack_require__.r(ns);
|
|
/******/ var def = {};
|
|
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
|
|
/******/ for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
|
|
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
|
|
/******/ }
|
|
/******/ def['default'] = () => (value);
|
|
/******/ __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 */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/load script */
|
|
/******/ (() => {
|
|
/******/ var inProgress = {};
|
|
/******/ var dataWebpackPrefix = "module-federation-aaa:";
|
|
/******/ // loadScript function to load a script via script tag
|
|
/******/ __webpack_require__.l = (url, done, key, chunkId) => {
|
|
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
|
|
/******/ var script, needAttach;
|
|
/******/ if(key !== undefined) {
|
|
/******/ var scripts = document.getElementsByTagName("script");
|
|
/******/ for(var i = 0; i < scripts.length; i++) {
|
|
/******/ var s = scripts[i];
|
|
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
|
|
/******/ }
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
|
|
/******/
|
|
/******/ script.src = url;
|
|
/******/ }
|
|
/******/ inProgress[url] = [done];
|
|
/******/ var onScriptComplete = (prev, event) => {
|
|
/******/ // avoid mem leaks in IE.
|
|
/******/ script.onerror = script.onload = null;
|
|
/******/ clearTimeout(timeout);
|
|
/******/ var doneFns = inProgress[url];
|
|
/******/ delete inProgress[url];
|
|
/******/ script.parentNode && script.parentNode.removeChild(script);
|
|
/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
|
|
/******/ if(prev) return prev(event);
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ 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 = {
|
|
/******/ "src_bootstrap_js": [
|
|
/******/ 8,
|
|
/******/ 10
|
|
/******/ ],
|
|
/******/ "webpack_container_remote_mfe-c_Component2": [
|
|
/******/ 24
|
|
/******/ ]
|
|
/******/ };
|
|
/******/ var idToExternalAndNameMapping = {
|
|
/******/ "8": [
|
|
/******/ "default",
|
|
/******/ "./Component",
|
|
/******/ 9
|
|
/******/ ],
|
|
/******/ "10": [
|
|
/******/ "default",
|
|
/******/ "./Component",
|
|
/******/ 11
|
|
/******/ ],
|
|
/******/ "24": [
|
|
/******/ "default",
|
|
/******/ "./Component2",
|
|
/******/ 11
|
|
/******/ ]
|
|
/******/ };
|
|
/******/ __webpack_require__.f.remotes = (chunkId, promises) => {
|
|
/******/ if(__webpack_require__.o(chunkMapping, chunkId)) {
|
|
/******/ chunkMapping[chunkId].forEach((id) => {
|
|
/******/ var getScope = __webpack_require__.R;
|
|
/******/ if(!getScope) getScope = [];
|
|
/******/ var data = idToExternalAndNameMapping[id];
|
|
/******/ if(getScope.indexOf(data) >= 0) return;
|
|
/******/ getScope.push(data);
|
|
/******/ if(data.p) return promises.push(data.p);
|
|
/******/ var onError = (error) => {
|
|
/******/ if(!error) error = new Error("Container missing");
|
|
/******/ if(typeof error.message === "string")
|
|
/******/ error.message += '\nwhile loading "' + data[1] + '" from ' + data[2];
|
|
/******/ __webpack_require__.m[id] = () => {
|
|
/******/ throw error;
|
|
/******/ }
|
|
/******/ data.p = 0;
|
|
/******/ };
|
|
/******/ var handleFunction = (fn, arg1, arg2, d, next, first) => {
|
|
/******/ try {
|
|
/******/ var promise = fn(arg1, arg2);
|
|
/******/ if(promise && promise.then) {
|
|
/******/ var p = promise.then((result) => (next(result, d)), onError);
|
|
/******/ if(first) promises.push(data.p = p); else return p;
|
|
/******/ } else {
|
|
/******/ return next(promise, d, first);
|
|
/******/ }
|
|
/******/ } catch(error) {
|
|
/******/ onError(error);
|
|
/******/ }
|
|
/******/ }
|
|
/******/ 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));
|
|
/******/ var onFactory = (factory) => {
|
|
/******/ data.p = 1;
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ module.exports = factory();
|
|
/******/ }
|
|
/******/ };
|
|
/******/ handleFunction(__webpack_require__, data[2], 0, 0, onExternal, 1);
|
|
/******/ });
|
|
/******/ }
|
|
/******/ }
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/sharing */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.S = {};
|
|
/******/ var initPromises = {};
|
|
/******/ 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);
|
|
/******/ // 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];
|
|
/******/ var warn = (msg) => {
|
|
/******/ if (typeof console !== "undefined" && console.warn) console.warn(msg);
|
|
/******/ };
|
|
/******/ var uniqueName = "module-federation-aaa";
|
|
/******/ var register = (name, version, factory, eager) => {
|
|
/******/ var versions = scope[name] = scope[name] || {};
|
|
/******/ var activeVersion = versions[version];
|
|
/******/ if(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
|
|
/******/ };
|
|
/******/ var initExternal = (id) => {
|
|
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
|
|
/******/ try {
|
|
/******/ var module = __webpack_require__(id);
|
|
/******/ if(!module) return;
|
|
/******/ var initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))
|
|
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
|
|
/******/ var initResult = initFn(module);
|
|
/******/ if(initResult && initResult.then) return promises.push(initResult['catch'](handleError));
|
|
/******/ } catch(err) { handleError(err); }
|
|
/******/ }
|
|
/******/ var promises = [];
|
|
/******/ switch(name) {
|
|
/******/ case "default": {
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ break;
|
|
/******/ }
|
|
/******/ if(!promises.length) return initPromises[name] = 1;
|
|
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
|
|
/******/ };
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/publicPath */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.p = "dist/aaa/";
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/consumes */
|
|
/******/ (() => {
|
|
/******/ var parseVersion = (str) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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;
|
|
/******/ }
|
|
/******/ var versionLt = (a, b) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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++}
|
|
/******/ }
|
|
/******/ var rangeToString = (range) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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")}
|
|
/******/ }
|
|
/******/ var satisfy = (range, version) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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();
|
|
/******/ }
|
|
/******/ var exists = (scope, key) => {
|
|
/******/ return scope && __webpack_require__.o(scope, key);
|
|
/******/ }
|
|
/******/ var get = (entry) => {
|
|
/******/ entry.loaded = 1;
|
|
/******/ return entry.get()
|
|
/******/ };
|
|
/******/ 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];
|
|
/******/ var key = Object.keys(versions).reduce((a, b) => {
|
|
/******/ if (!satisfy(requiredVersion, b)) return a;
|
|
/******/ return !a || versionLt(a, b) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ return key && versions[key]
|
|
/******/ };
|
|
/******/ var findSingletonVersionKey = (scope, key, eager) => {
|
|
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
|
|
/******/ return Object.keys(versions).reduce((a, b) => {
|
|
/******/ return !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ };
|
|
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
|
|
/******/ return "Unsatisfied version " + version + " from " + (version && scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
|
|
/******/ };
|
|
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
|
|
/******/ var versions = scope[key];
|
|
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
|
|
/******/ "Available versions: " + Object.keys(versions).map((key) => {
|
|
/******/ return key + " from " + versions[key].from;
|
|
/******/ }).join(", ");
|
|
/******/ };
|
|
/******/ 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);
|
|
/******/ };
|
|
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
|
|
/******/ var promise = __webpack_require__.I(scopeName);
|
|
/******/ 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);
|
|
/******/ });
|
|
/******/
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ var installedModules = {};
|
|
/******/ var moduleToHandlerMapping = {
|
|
/******/ 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)))))))
|
|
/******/ };
|
|
/******/ // no consumes in initial chunks
|
|
/******/ var chunkMapping = {
|
|
/******/ "src_bootstrap_js": [
|
|
/******/ 5,
|
|
/******/ 6
|
|
/******/ ]
|
|
/******/ };
|
|
/******/ var startedInstallModules = {};
|
|
/******/ __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]);
|
|
/******/ if(!startedInstallModules[id]) {
|
|
/******/ var onFactory = (factory) => {
|
|
/******/ installedModules[id] = 0;
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ module.exports = factory();
|
|
/******/ }
|
|
/******/ };
|
|
/******/ startedInstallModules[id] = true;
|
|
/******/ var onError = (error) => {
|
|
/******/ delete installedModules[id];
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ throw error;
|
|
/******/ }
|
|
/******/ };
|
|
/******/ try {
|
|
/******/ var promise = moduleToHandlerMapping[id]();
|
|
/******/ if(promise.then) {
|
|
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
|
|
/******/ } else onFactory(promise);
|
|
/******/ } catch(e) { onError(e); }
|
|
/******/ }
|
|
/******/ });
|
|
/******/ }
|
|
/******/ }
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
/******/ (() => {
|
|
/******/ // no baseURI
|
|
/******/
|
|
/******/ // object to store loaded and loading chunks
|
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
/******/ 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
|
|
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
|
|
/******/ } else installedChunks[chunkId] = 0;
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // no prefetching
|
|
/******/
|
|
/******/ // no preloaded
|
|
/******/
|
|
/******/ // no HMR
|
|
/******/
|
|
/******/ // no HMR manifest
|
|
/******/
|
|
/******/ // no on chunks loaded
|
|
/******/
|
|
/******/ // install a JSONP callback for chunk loading
|
|
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
/******/ var [chunkIds, moreModules, runtime] = data;
|
|
/******/ // add "moreModules" to the modules object,
|
|
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
/******/ 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);
|
|
/******/ for(;i < chunkIds.length; i++) {
|
|
/******/ chunkId = chunkIds[i];
|
|
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
/******/ installedChunks[chunkId][0]();
|
|
/******/ }
|
|
/******/ installedChunks[chunkId] = 0;
|
|
/******/ }
|
|
/******/
|
|
/******/ }
|
|
/******/
|
|
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_aaa"] = self["webpackChunkmodule_federation_aaa"] || [];
|
|
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
/******/ })();
|
|
/******/
|
|
/************************************************************************/
|
|
```
|
|
|
|
</details>
|
|
|
|
``` js
|
|
/******/
|
|
/******/ // module cache are used so entry inlining is disabled
|
|
/******/ // startup
|
|
/******/ // Load entry module and return exports
|
|
/******/ var __webpack_exports__ = __webpack_require__(0);
|
|
/******/
|
|
/******/ })()
|
|
;
|
|
```
|
|
|
|
# dist/bbb/mfeBBB.js
|
|
|
|
```javascript
|
|
var mfeBBB;
|
|
/******/ (() => { // webpackBootstrap
|
|
/******/ "use strict";
|
|
/******/ var __webpack_modules__ = ([
|
|
/* 0 */
|
|
/*!***********************!*\
|
|
!*** container entry ***!
|
|
\***********************/
|
|
/*! 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)] */
|
|
/*! 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": () => {
|
|
return __webpack_require__.e("src-b_Component_js").then(() => (() => ((__webpack_require__(/*! ./src-b/Component */ 3)))));
|
|
}
|
|
};
|
|
var get = (module, getScope) => {
|
|
__webpack_require__.R = getScope;
|
|
getScope = (
|
|
__webpack_require__.o(moduleMap, module)
|
|
? moduleMap[module]()
|
|
: Promise.resolve().then(() => {
|
|
throw new Error('Module "' + module + '" does not exist in container.');
|
|
})
|
|
);
|
|
__webpack_require__.R = undefined;
|
|
return getScope;
|
|
};
|
|
var init = (shareScope, initScope) => {
|
|
if (!__webpack_require__.S) return;
|
|
var name = "default"
|
|
var oldScope = __webpack_require__.S[name];
|
|
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;
|
|
return __webpack_require__.I(name, initScope);
|
|
};
|
|
|
|
// This exports getters to disallow modifications
|
|
__webpack_require__.d(exports, {
|
|
get: () => (get),
|
|
init: () => (init)
|
|
});
|
|
|
|
/***/ })
|
|
/******/ ]);
|
|
```
|
|
|
|
<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
|
|
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
/******/ if (cachedModule !== undefined) {
|
|
/******/ return cachedModule.exports;
|
|
/******/ }
|
|
/******/ // 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__;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = __webpack_module_cache__;
|
|
/******/
|
|
/************************************************************************/
|
|
/******/ /* webpack/runtime/compat get default export */
|
|
/******/ (() => {
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = (module) => {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ () => (module['default']) :
|
|
/******/ () => (module);
|
|
/******/ __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 */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/load script */
|
|
/******/ (() => {
|
|
/******/ var inProgress = {};
|
|
/******/ var dataWebpackPrefix = "module-federation-bbb:";
|
|
/******/ // loadScript function to load a script via script tag
|
|
/******/ __webpack_require__.l = (url, done, key, chunkId) => {
|
|
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
|
|
/******/ var script, needAttach;
|
|
/******/ if(key !== undefined) {
|
|
/******/ var scripts = document.getElementsByTagName("script");
|
|
/******/ for(var i = 0; i < scripts.length; i++) {
|
|
/******/ var s = scripts[i];
|
|
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
|
|
/******/ }
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
|
|
/******/
|
|
/******/ script.src = url;
|
|
/******/ }
|
|
/******/ inProgress[url] = [done];
|
|
/******/ var onScriptComplete = (prev, event) => {
|
|
/******/ // avoid mem leaks in IE.
|
|
/******/ script.onerror = script.onload = null;
|
|
/******/ clearTimeout(timeout);
|
|
/******/ var doneFns = inProgress[url];
|
|
/******/ delete inProgress[url];
|
|
/******/ script.parentNode && script.parentNode.removeChild(script);
|
|
/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
|
|
/******/ if(prev) return prev(event);
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ 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 = {};
|
|
/******/ 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);
|
|
/******/ // 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];
|
|
/******/ var warn = (msg) => {
|
|
/******/ if (typeof console !== "undefined" && console.warn) console.warn(msg);
|
|
/******/ };
|
|
/******/ var uniqueName = "module-federation-bbb";
|
|
/******/ var register = (name, version, factory, eager) => {
|
|
/******/ var versions = scope[name] = scope[name] || {};
|
|
/******/ var activeVersion = versions[version];
|
|
/******/ if(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
|
|
/******/ };
|
|
/******/ var initExternal = (id) => {
|
|
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
|
|
/******/ try {
|
|
/******/ var module = __webpack_require__(id);
|
|
/******/ if(!module) return;
|
|
/******/ var initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))
|
|
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
|
|
/******/ var initResult = initFn(module);
|
|
/******/ if(initResult && initResult.then) return promises.push(initResult['catch'](handleError));
|
|
/******/ } catch(err) { handleError(err); }
|
|
/******/ }
|
|
/******/ var promises = [];
|
|
/******/ switch(name) {
|
|
/******/ case "default": {
|
|
/******/ 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))))));
|
|
/******/ }
|
|
/******/ break;
|
|
/******/ }
|
|
/******/ if(!promises.length) return initPromises[name] = 1;
|
|
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
|
|
/******/ };
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/publicPath */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.p = "dist/bbb/";
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/consumes */
|
|
/******/ (() => {
|
|
/******/ var parseVersion = (str) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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;
|
|
/******/ }
|
|
/******/ var versionLt = (a, b) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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++}
|
|
/******/ }
|
|
/******/ var rangeToString = (range) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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")}
|
|
/******/ }
|
|
/******/ var satisfy = (range, version) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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();
|
|
/******/ }
|
|
/******/ var exists = (scope, key) => {
|
|
/******/ return scope && __webpack_require__.o(scope, key);
|
|
/******/ }
|
|
/******/ var get = (entry) => {
|
|
/******/ entry.loaded = 1;
|
|
/******/ return entry.get()
|
|
/******/ };
|
|
/******/ 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];
|
|
/******/ var key = Object.keys(versions).reduce((a, b) => {
|
|
/******/ if (!satisfy(requiredVersion, b)) return a;
|
|
/******/ return !a || versionLt(a, b) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ return key && versions[key]
|
|
/******/ };
|
|
/******/ var findSingletonVersionKey = (scope, key, eager) => {
|
|
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
|
|
/******/ return Object.keys(versions).reduce((a, b) => {
|
|
/******/ return !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ };
|
|
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
|
|
/******/ return "Unsatisfied version " + version + " from " + (version && scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
|
|
/******/ };
|
|
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
|
|
/******/ var versions = scope[key];
|
|
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
|
|
/******/ "Available versions: " + Object.keys(versions).map((key) => {
|
|
/******/ return key + " from " + versions[key].from;
|
|
/******/ }).join(", ");
|
|
/******/ };
|
|
/******/ 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);
|
|
/******/ };
|
|
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
|
|
/******/ var promise = __webpack_require__.I(scopeName);
|
|
/******/ 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);
|
|
/******/ });
|
|
/******/
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ var installedModules = {};
|
|
/******/ var moduleToHandlerMapping = {
|
|
/******/ 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)))))))
|
|
/******/ };
|
|
/******/ // no consumes in initial chunks
|
|
/******/ var chunkMapping = {
|
|
/******/ "src-b_Component_js": [
|
|
/******/ 4,
|
|
/******/ 5
|
|
/******/ ]
|
|
/******/ };
|
|
/******/ var startedInstallModules = {};
|
|
/******/ __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]);
|
|
/******/ if(!startedInstallModules[id]) {
|
|
/******/ var onFactory = (factory) => {
|
|
/******/ installedModules[id] = 0;
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ module.exports = factory();
|
|
/******/ }
|
|
/******/ };
|
|
/******/ startedInstallModules[id] = true;
|
|
/******/ var onError = (error) => {
|
|
/******/ delete installedModules[id];
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ throw error;
|
|
/******/ }
|
|
/******/ };
|
|
/******/ try {
|
|
/******/ var promise = moduleToHandlerMapping[id]();
|
|
/******/ if(promise.then) {
|
|
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
|
|
/******/ } else onFactory(promise);
|
|
/******/ } catch(e) { onError(e); }
|
|
/******/ }
|
|
/******/ });
|
|
/******/ }
|
|
/******/ }
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
/******/ (() => {
|
|
/******/ // no baseURI
|
|
/******/
|
|
/******/ // object to store loaded and loading chunks
|
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
/******/ 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
|
|
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
|
|
/******/ }
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // no prefetching
|
|
/******/
|
|
/******/ // no preloaded
|
|
/******/
|
|
/******/ // no HMR
|
|
/******/
|
|
/******/ // no HMR manifest
|
|
/******/
|
|
/******/ // no on chunks loaded
|
|
/******/
|
|
/******/ // install a JSONP callback for chunk loading
|
|
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
/******/ var [chunkIds, moreModules, runtime] = data;
|
|
/******/ // add "moreModules" to the modules object,
|
|
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
/******/ 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);
|
|
/******/ for(;i < chunkIds.length; i++) {
|
|
/******/ chunkId = chunkIds[i];
|
|
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
/******/ installedChunks[chunkId][0]();
|
|
/******/ }
|
|
/******/ installedChunks[chunkId] = 0;
|
|
/******/ }
|
|
/******/
|
|
/******/ }
|
|
/******/
|
|
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_bbb"] = self["webpackChunkmodule_federation_bbb"] || [];
|
|
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
/******/ })();
|
|
/******/
|
|
/************************************************************************/
|
|
```
|
|
|
|
</details>
|
|
|
|
``` js
|
|
/******/
|
|
/******/ // module cache are used so entry inlining is disabled
|
|
/******/ // startup
|
|
/******/ // Load entry module and return exports
|
|
/******/ var __webpack_exports__ = __webpack_require__(0);
|
|
/******/ mfeBBB = __webpack_exports__;
|
|
/******/
|
|
/******/ })()
|
|
;
|
|
```
|
|
|
|
# dist/ccc/mfeCCC.js
|
|
|
|
```javascript
|
|
var mfeCCC;
|
|
/******/ (() => { // webpackBootstrap
|
|
/******/ "use strict";
|
|
/******/ var __webpack_modules__ = ([
|
|
/* 0 */
|
|
/*!***********************!*\
|
|
!*** container entry ***!
|
|
\***********************/
|
|
/*! 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)] */
|
|
/*! 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": () => {
|
|
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)))));
|
|
},
|
|
"./Component2": () => {
|
|
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)))));
|
|
}
|
|
};
|
|
var get = (module, getScope) => {
|
|
__webpack_require__.R = getScope;
|
|
getScope = (
|
|
__webpack_require__.o(moduleMap, module)
|
|
? moduleMap[module]()
|
|
: Promise.resolve().then(() => {
|
|
throw new Error('Module "' + module + '" does not exist in container.');
|
|
})
|
|
);
|
|
__webpack_require__.R = undefined;
|
|
return getScope;
|
|
};
|
|
var init = (shareScope, initScope) => {
|
|
if (!__webpack_require__.S) return;
|
|
var name = "default"
|
|
var oldScope = __webpack_require__.S[name];
|
|
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;
|
|
return __webpack_require__.I(name, initScope);
|
|
};
|
|
|
|
// This exports getters to disallow modifications
|
|
__webpack_require__.d(exports, {
|
|
get: () => (get),
|
|
init: () => (init)
|
|
});
|
|
|
|
/***/ })
|
|
/******/ ]);
|
|
```
|
|
|
|
<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
|
|
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
/******/ if (cachedModule !== undefined) {
|
|
/******/ return cachedModule.exports;
|
|
/******/ }
|
|
/******/ // 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__;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = __webpack_module_cache__;
|
|
/******/
|
|
/************************************************************************/
|
|
/******/ /* webpack/runtime/compat get default export */
|
|
/******/ (() => {
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = (module) => {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ () => (module['default']) :
|
|
/******/ () => (module);
|
|
/******/ __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 */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/load script */
|
|
/******/ (() => {
|
|
/******/ var inProgress = {};
|
|
/******/ var dataWebpackPrefix = "module-federation-ccc:";
|
|
/******/ // loadScript function to load a script via script tag
|
|
/******/ __webpack_require__.l = (url, done, key, chunkId) => {
|
|
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
|
|
/******/ var script, needAttach;
|
|
/******/ if(key !== undefined) {
|
|
/******/ var scripts = document.getElementsByTagName("script");
|
|
/******/ for(var i = 0; i < scripts.length; i++) {
|
|
/******/ var s = scripts[i];
|
|
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
|
|
/******/ }
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
|
|
/******/
|
|
/******/ script.src = url;
|
|
/******/ }
|
|
/******/ inProgress[url] = [done];
|
|
/******/ var onScriptComplete = (prev, event) => {
|
|
/******/ // avoid mem leaks in IE.
|
|
/******/ script.onerror = script.onload = null;
|
|
/******/ clearTimeout(timeout);
|
|
/******/ var doneFns = inProgress[url];
|
|
/******/ delete inProgress[url];
|
|
/******/ script.parentNode && script.parentNode.removeChild(script);
|
|
/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
|
|
/******/ if(prev) return prev(event);
|
|
/******/ }
|
|
/******/ 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);
|
|
/******/ 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 = {};
|
|
/******/ 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);
|
|
/******/ // 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];
|
|
/******/ var warn = (msg) => {
|
|
/******/ if (typeof console !== "undefined" && console.warn) console.warn(msg);
|
|
/******/ };
|
|
/******/ var uniqueName = "module-federation-ccc";
|
|
/******/ var register = (name, version, factory, eager) => {
|
|
/******/ var versions = scope[name] = scope[name] || {};
|
|
/******/ var activeVersion = versions[version];
|
|
/******/ if(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };
|
|
/******/ };
|
|
/******/ var initExternal = (id) => {
|
|
/******/ var handleError = (err) => (warn("Initialization of sharing external failed: " + err));
|
|
/******/ try {
|
|
/******/ var module = __webpack_require__(id);
|
|
/******/ if(!module) return;
|
|
/******/ var initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))
|
|
/******/ if(module.then) return promises.push(module.then(initFn, handleError));
|
|
/******/ var initResult = initFn(module);
|
|
/******/ if(initResult && initResult.then) return promises.push(initResult['catch'](handleError));
|
|
/******/ } catch(err) { handleError(err); }
|
|
/******/ }
|
|
/******/ var promises = [];
|
|
/******/ switch(name) {
|
|
/******/ case "default": {
|
|
/******/ 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))))));
|
|
/******/ }
|
|
/******/ break;
|
|
/******/ }
|
|
/******/ if(!promises.length) return initPromises[name] = 1;
|
|
/******/ return initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));
|
|
/******/ };
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/publicPath */
|
|
/******/ (() => {
|
|
/******/ __webpack_require__.p = "dist/ccc/";
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/consumes */
|
|
/******/ (() => {
|
|
/******/ var parseVersion = (str) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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;
|
|
/******/ }
|
|
/******/ var versionLt = (a, b) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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++}
|
|
/******/ }
|
|
/******/ var rangeToString = (range) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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")}
|
|
/******/ }
|
|
/******/ var satisfy = (range, version) => {
|
|
/******/ // see webpack/lib/util/semver.js for original code
|
|
/******/ 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();
|
|
/******/ }
|
|
/******/ var exists = (scope, key) => {
|
|
/******/ return scope && __webpack_require__.o(scope, key);
|
|
/******/ }
|
|
/******/ var get = (entry) => {
|
|
/******/ entry.loaded = 1;
|
|
/******/ return entry.get()
|
|
/******/ };
|
|
/******/ 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];
|
|
/******/ var key = Object.keys(versions).reduce((a, b) => {
|
|
/******/ if (!satisfy(requiredVersion, b)) return a;
|
|
/******/ return !a || versionLt(a, b) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ return key && versions[key]
|
|
/******/ };
|
|
/******/ var findSingletonVersionKey = (scope, key, eager) => {
|
|
/******/ var versions = eager ? eagerOnly(scope[key]) : scope[key];
|
|
/******/ return Object.keys(versions).reduce((a, b) => {
|
|
/******/ return !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;
|
|
/******/ }, 0);
|
|
/******/ };
|
|
/******/ var getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {
|
|
/******/ return "Unsatisfied version " + version + " from " + (version && scope[key][version].from) + " of shared singleton module " + key + " (required " + rangeToString(requiredVersion) + ")"
|
|
/******/ };
|
|
/******/ var getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {
|
|
/******/ var versions = scope[key];
|
|
/******/ return "No satisfying version (" + rangeToString(requiredVersion) + ")" + (eager ? " for eager consumption" : "") + " of shared module " + key + " found in shared scope " + scopeName + ".\n" +
|
|
/******/ "Available versions: " + Object.keys(versions).map((key) => {
|
|
/******/ return key + " from " + versions[key].from;
|
|
/******/ }).join(", ");
|
|
/******/ };
|
|
/******/ 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);
|
|
/******/ };
|
|
/******/ var init = (fn) => (function(scopeName, key, eager, c, d) {
|
|
/******/ var promise = __webpack_require__.I(scopeName);
|
|
/******/ 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);
|
|
/******/ });
|
|
/******/
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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));
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ 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]);
|
|
/******/ });
|
|
/******/ var installedModules = {};
|
|
/******/ var moduleToHandlerMapping = {
|
|
/******/ 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)))))))
|
|
/******/ };
|
|
/******/ // no consumes in initial chunks
|
|
/******/ var chunkMapping = {
|
|
/******/ "webpack_sharing_consume_default_react": [
|
|
/******/ 4
|
|
/******/ ],
|
|
/******/ "src-c_Component_js": [
|
|
/******/ 5
|
|
/******/ ],
|
|
/******/ "src-c_LazyComponent_js": [
|
|
/******/ 7
|
|
/******/ ]
|
|
/******/ };
|
|
/******/ var startedInstallModules = {};
|
|
/******/ __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]);
|
|
/******/ if(!startedInstallModules[id]) {
|
|
/******/ var onFactory = (factory) => {
|
|
/******/ installedModules[id] = 0;
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ module.exports = factory();
|
|
/******/ }
|
|
/******/ };
|
|
/******/ startedInstallModules[id] = true;
|
|
/******/ var onError = (error) => {
|
|
/******/ delete installedModules[id];
|
|
/******/ __webpack_require__.m[id] = (module) => {
|
|
/******/ delete __webpack_require__.c[id];
|
|
/******/ throw error;
|
|
/******/ }
|
|
/******/ };
|
|
/******/ try {
|
|
/******/ var promise = moduleToHandlerMapping[id]();
|
|
/******/ if(promise.then) {
|
|
/******/ promises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));
|
|
/******/ } else onFactory(promise);
|
|
/******/ } catch(e) { onError(e); }
|
|
/******/ }
|
|
/******/ });
|
|
/******/ }
|
|
/******/ }
|
|
/******/ })();
|
|
/******/
|
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
/******/ (() => {
|
|
/******/ // no baseURI
|
|
/******/
|
|
/******/ // object to store loaded and loading chunks
|
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
/******/ 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 {
|
|
/******/ if("webpack_sharing_consume_default_react" != chunkId) {
|
|
/******/ // setup Promise in chunk cache
|
|
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
|
|
/******/ 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);
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
|
|
/******/ } else installedChunks[chunkId] = 0;
|
|
/******/ }
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // no prefetching
|
|
/******/
|
|
/******/ // no preloaded
|
|
/******/
|
|
/******/ // no HMR
|
|
/******/
|
|
/******/ // no HMR manifest
|
|
/******/
|
|
/******/ // no on chunks loaded
|
|
/******/
|
|
/******/ // install a JSONP callback for chunk loading
|
|
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
/******/ var [chunkIds, moreModules, runtime] = data;
|
|
/******/ // add "moreModules" to the modules object,
|
|
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
/******/ 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);
|
|
/******/ for(;i < chunkIds.length; i++) {
|
|
/******/ chunkId = chunkIds[i];
|
|
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
/******/ installedChunks[chunkId][0]();
|
|
/******/ }
|
|
/******/ installedChunks[chunkId] = 0;
|
|
/******/ }
|
|
/******/
|
|
/******/ }
|
|
/******/
|
|
/******/ var chunkLoadingGlobal = self["webpackChunkmodule_federation_ccc"] = self["webpackChunkmodule_federation_ccc"] || [];
|
|
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
/******/ })();
|
|
/******/
|
|
/************************************************************************/
|
|
```
|
|
|
|
</details>
|
|
|
|
``` js
|
|
/******/
|
|
/******/ // module cache are used so entry inlining is disabled
|
|
/******/ // startup
|
|
/******/ // Load entry module and return exports
|
|
/******/ var __webpack_exports__ = __webpack_require__(0);
|
|
/******/ mfeCCC = __webpack_exports__;
|
|
/******/
|
|
/******/ })()
|
|
;
|
|
```
|
|
|
|
# Info
|
|
|
|
## Unoptimized
|
|
|
|
```
|
|
app:
|
|
asset src_bootstrap_js.js 43.7 KiB [emitted]
|
|
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]
|
|
> ./src/index.js app
|
|
runtime modules 19 KiB 13 modules
|
|
built modules 672 bytes (javascript) 42 bytes (share-init) [built]
|
|
./src/index.js 588 bytes [built] [code generated]
|
|
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
|
|
external "mfeCCC@/dist/ccc/mfeCCC.js" 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: app) src_bootstrap_js.js 26.3 KiB (javascript) 84 bytes (consume-shared) 12 bytes (remote) 12 bytes (share-init) [rendered]
|
|
> ./bootstrap ./src/index.js 10:0-21
|
|
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]
|
|
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
|
|
> mfe-c/Component2 ./src/App.js 7:49-75
|
|
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
|
|
app (webpack X.X.X) compiled successfully
|
|
|
|
mfe-b:
|
|
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)
|
|
asset src-b_Component_js.js 2.25 KiB [emitted]
|
|
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.2 KiB (runtime) [entry] [rendered]
|
|
> mfeBBB
|
|
runtime modules 16.2 KiB 11 modules
|
|
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
|
|
container entry 42 bytes [built] [code generated]
|
|
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) src-b_Component_js.js 752 bytes (javascript) 84 bytes (consume-shared) [rendered]
|
|
> ./src-b/Component container entry ./Component
|
|
dependent modules 84 bytes [dependent] 2 modules
|
|
./src-b/Component.js 752 bytes [built] [code generated]
|
|
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]
|
|
mfe-b (webpack X.X.X) compiled successfully
|
|
|
|
mfe-c:
|
|
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_lodash_random_js.js 24.8 KiB [emitted] (id hint: vendors)
|
|
asset mfeCCC.js 25.6 KiB [emitted] (name: mfeCCC)
|
|
asset src-c_LazyComponent_js.js 2.05 KiB [emitted]
|
|
asset src-c_Component_js.js 1.97 KiB [emitted]
|
|
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.6 KiB (runtime) [entry] [rendered]
|
|
> mfeCCC
|
|
runtime modules 16.6 KiB 12 modules
|
|
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
|
|
container entry 42 bytes [built] [code generated]
|
|
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]
|
|
chunk (runtime: mfeCCC) src-c_Component_js.js 467 bytes (javascript) 42 bytes (consume-shared) [rendered]
|
|
> ./src-c/Component container entry ./Component
|
|
dependent modules 42 bytes [dependent] 1 module
|
|
./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]
|
|
> ./src-c/LazyComponent container entry ./Component2
|
|
dependent modules 42 bytes [dependent] 1 module
|
|
./src-c/LazyComponent.js 504 bytes [built] [code generated]
|
|
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]
|
|
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
|
|
> consume shared module (default) lodash/random@^4.17.19 (strict) (fallback: ../../node_modules/lodash/random.js)
|
|
dependent modules 13.7 KiB [dependent] 20 modules
|
|
../../node_modules/lodash/random.js 2.32 KiB [built] [code generated]
|
|
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
|
|
> ./src-c/Component container entry ./Component
|
|
> ./src-c/LazyComponent container entry ./Component2
|
|
consume shared module (default) react@^19.0.0 (singleton) 42 bytes [built] [code generated]
|
|
mfe-c (webpack X.X.X) compiled successfully
|
|
```
|
|
|
|
## Production mode
|
|
|
|
```
|
|
app:
|
|
asset src_bootstrap_js.js 12.5 KiB [emitted] [minimized] 1 related asset
|
|
asset app.js 7.66 KiB [emitted] [minimized] (name: app)
|
|
asset node_modules_react_index_js.js 7.46 KiB [emitted] [minimized] 1 related asset
|
|
chunk (runtime: app) app.js (app) 672 bytes (javascript) 42 bytes (share-init) 18.9 KiB (runtime) [entry] [rendered]
|
|
> ./src/index.js app
|
|
runtime modules 18.9 KiB 13 modules
|
|
built modules 672 bytes (javascript) 42 bytes (share-init) [built]
|
|
./src/index.js 588 bytes [built] [code generated]
|
|
external "mfeBBB@/dist/bbb/mfeBBB.js" 42 bytes [built] [code generated]
|
|
external "mfeCCC@/dist/ccc/mfeCCC.js" 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: app) node_modules_react_index_js.js 16.9 KiB [rendered]
|
|
> 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)
|
|
> provide shared module (default) react@19.1.0 = ../../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]
|
|
> ./bootstrap ./src/index.js 10:0-21
|
|
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]
|
|
chunk (runtime: app) 6 bytes (remote) 6 bytes (share-init)
|
|
> mfe-c/Component2 ./src/App.js 7:49-75
|
|
remote mfe-c/Component2 6 bytes (remote) 6 bytes (share-init) [built] [code generated]
|
|
app (webpack X.X.X) compiled successfully
|
|
|
|
mfe-b:
|
|
asset vendors-node_modules_date-fns_index_js.js 70.4 KiB [emitted] [minimized] (id hint: vendors)
|
|
asset node_modules_react_index_js.js 7.46 KiB [emitted] [minimized] 1 related asset
|
|
asset mfeBBB.js 6.36 KiB [emitted] [minimized] (name: mfeBBB)
|
|
asset src-b_Component_js.js 489 bytes [emitted] [minimized]
|
|
chunk (runtime: mfeBBB) mfeBBB.js (mfeBBB) 42 bytes (javascript) 84 bytes (share-init) 16.1 KiB (runtime) [entry] [rendered]
|
|
> mfeBBB
|
|
runtime modules 16.1 KiB 11 modules
|
|
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
|
|
container entry 42 bytes [built] [code generated]
|
|
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]
|
|
> consume shared module (default) react@^19.0.0 (singleton) (fallback: ../../node_modules/react/index.js)
|
|
> provide shared module (default) react@19.1.0 = ../../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: mfeBBB) src-b_Component_js.js 752 bytes (javascript) 84 bytes (consume-shared) [rendered]
|
|
> ./src-b/Component container entry ./Component
|
|
dependent modules 84 bytes [dependent] 2 modules
|
|
./src-b/Component.js 752 bytes [built] [code generated]
|
|
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]
|
|
mfe-b (webpack X.X.X) compiled successfully
|
|
|
|
mfe-c:
|
|
asset vendors-node_modules_date-fns_index_js.js 70.4 KiB [emitted] [minimized] (id hint: vendors)
|
|
asset mfeCCC.js 6.9 KiB [emitted] [minimized] (name: mfeCCC)
|
|
asset node_modules_lodash_random_js.js 3.13 KiB [emitted] [minimized]
|
|
asset src-c_LazyComponent_js.js 533 bytes [emitted] [minimized]
|
|
asset src-c_Component_js.js 488 bytes [emitted] [minimized]
|
|
chunk (runtime: mfeCCC) mfeCCC.js (mfeCCC) 42 bytes (javascript) 84 bytes (share-init) 16.5 KiB (runtime) [entry] [rendered]
|
|
> mfeCCC
|
|
runtime modules 16.5 KiB 12 modules
|
|
built modules 42 bytes (javascript) 84 bytes (share-init) [built]
|
|
container entry 42 bytes [built] [code generated]
|
|
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]
|
|
chunk (runtime: mfeCCC) node_modules_lodash_random_js.js 16 KiB [rendered]
|
|
> consume shared module (default) lodash/random@^4.17.19 (strict) (fallback: ../../node_modules/lodash/random.js)
|
|
> provide shared module (default) lodash/random@4.17.21 = ../../node_modules/lodash/random.js
|
|
dependent modules 13.7 KiB [dependent] 20 modules
|
|
../../node_modules/lodash/random.js 2.32 KiB [built] [code generated]
|
|
chunk (runtime: mfeCCC) src-c_Component_js.js 467 bytes (javascript) 42 bytes (consume-shared) [rendered]
|
|
> ./src-c/Component container entry ./Component
|
|
dependent modules 42 bytes [dependent] 1 module
|
|
./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]
|
|
> ./src-c/LazyComponent container entry ./Component2
|
|
dependent modules 42 bytes [dependent] 1 module
|
|
./src-c/LazyComponent.js 504 bytes [built] [code generated]
|
|
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]
|
|
chunk (runtime: mfeCCC) 42 bytes split chunk (cache group: default)
|
|
> ./src-c/Component container entry ./Component
|
|
> ./src-c/LazyComponent container entry ./Component2
|
|
consume shared module (default) react@^19.0.0 (singleton) 42 bytes [built] [code generated]
|
|
mfe-c (webpack X.X.X) compiled successfully
|
|
```
|