webpack-split-chunks-analyzer/lib/render/NodeSummary.js

Debug how your application is dynamically loaded by webpack

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NodeSummary = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
exports.NodeSummary = react_1.default.memo(function NodeSummary({ data, }) {
    console.log(data);
    return (react_1.default.createElement("div", { style: {
            width: "450px",
            overflow: "auto",
            flex: "none",
            display: "flex",
            flexDirection: "column",
            alignItems: "flex-start",
            justifyContent: "flex-start",
            padding: "10px",
        } },
        data == null && "Select a node to see size info",
        data != null && (react_1.default.createElement("ul", null, data.chunks.map((chunk) => (react_1.default.createElement("li", { key: chunk.name },
            chunk.displaySize,
            " - ",
            chunk.name,
            react_1.default.createElement("ul", null,
                react_1.default.createElement("li", null, chunk.modules.map((mod) => (react_1.default.createElement("li", { key: mod.name },
                    mod.displaySize,
                    " - ",
                    mod.name))))))))))));
});
//# sourceMappingURL=NodeSummary.js.map