webpack-federated-stats-plugin

This plugin will ingest the webpack stats object, process / transform the object and write out relevant federation stats to a file for further consumption.

The most common use case is building a hashed bundle and wanting to programmatically refer to the correct bundle path in your Node.js server.

Install

1> npm i --save-dev webpack-federated-stats-plugin

Usage

1const FederatedStatsPlugin = require("webpack-federated-stats-plugin");
2
3module.exports = {
4  plugins: [
5    new FederatedStatsPlugin({
6      filename: "federation-stats.json",
7    }),
8  ],
9};

Example Output

1{
2  "sharedModules": [
3    {
4      "chunks": [
5        "http://localhost:5000/client-bundle/node_modules_preact_hooks_dist_hooks_module_js-_41171.js"
6      ],
7      "provides": [
8        {
9          "shareScope": "default",
10          "shareKey": "preact/hooks",
11          "requiredVersion": "^10.5.7",
12          "strictVersion": true,
13          "singleton": false,
14          "eager": false
15        }
16      ]
17    },
18    {
19      "chunks": [
20        "http://localhost:5000/client-bundle/vendors-node_modules_preact_dist_preact_module_js.js"
21      ],
22      "provides": [
23        {
24          "shareScope": "default",
25          "shareKey": "preact",
26          "requiredVersion": "^10.5.7",
27          "strictVersion": true,
28          "singleton": false,
29          "eager": false
30        }
31      ]
32    },
33    {
34      "chunks": [
35        "http://localhost:5000/client-bundle/vendors-node_modules_universal-router_sync_module_js.js"
36      ],
37      "provides": [
38        {
39          "shareScope": "default",
40          "shareKey": "universal-router/sync",
41          "requiredVersion": "^9.0.1",
42          "strictVersion": true,
43          "singleton": false,
44          "eager": false
45        }
46      ]
47    }
48  ],
49  "federatedModules": [
50    {
51      "remote": "preactFrameworkExample",
52      "entry": "http://localhost:5000/client-bundle/routes.js",
53      "remoteModules": {
54        "otherRemote/exposedFile": 893
55      },
56      "sharedModules": [
57        {
58          "chunks": [
59            "http://localhost:5000/client-bundle/node_modules_preact_hooks_dist_hooks_module_js-_41171.js"
60          ],
61          "provides": [
62            {
63              "shareScope": "default",
64              "shareKey": "preact/hooks",
65              "requiredVersion": "^10.5.7",
66              "strictVersion": true,
67              "singleton": false,
68              "eager": false
69            }
70          ]
71        },
72        {
73          "chunks": [
74            "http://localhost:5000/client-bundle/vendors-node_modules_preact_dist_preact_module_js.js"
75          ],
76          "provides": [
77            {
78              "shareScope": "default",
79              "shareKey": "preact",
80              "requiredVersion": "^10.5.7",
81              "strictVersion": true,
82              "singleton": false,
83              "eager": false
84            }
85          ]
86        },
87        {
88          "chunks": [
89            "http://localhost:5000/client-bundle/vendors-node_modules_universal-router_sync_module_js.js"
90          ],
91          "provides": [
92            {
93              "shareScope": "default",
94              "shareKey": "universal-router/sync",
95              "requiredVersion": "^9.0.1",
96              "strictVersion": true,
97              "singleton": false,
98              "eager": false
99            }
100          ]
101        }
102      ],
103      "exposes": {
104        "./src/routes/About.tsx": [
105          {
106            "chunks": [
107              "http://localhost:5000/client-bundle/src_routes_About_tsx.css",
108              "http://localhost:5000/client-bundle/src_routes_About_tsx.js"
109            ],
110            "sharedModules": [
111              {
112                "chunks": [
113                  "http://localhost:5000/client-bundle/vendors-node_modules_preact_dist_preact_module_js.js"
114                ],
115                "provides": [
116                  {
117                    "shareScope": "default",
118                    "shareKey": "preact",
119                    "requiredVersion": "^10.5.7",
120                    "strictVersion": true,
121                    "singleton": false,
122                    "eager": false
123                  }
124                ]
125              }
126            ]
127          }
128        ],
129        "./src/routes/Home.tsx": [
130          {
131            "chunks": [
132              "http://localhost:5000/client-bundle/src_routes_Home_tsx.css",
133              "http://localhost:5000/client-bundle/src_routes_Home_tsx.js"
134            ],
135            "sharedModules": [
136              {
137                "chunks": [
138                  "http://localhost:5000/client-bundle/vendors-node_modules_preact_dist_preact_module_js.js"
139                ],
140                "provides": [
141                  {
142                    "shareScope": "default",
143                    "shareKey": "preact",
144                    "requiredVersion": "^10.5.7",
145                    "strictVersion": true,
146                    "singleton": false,
147                    "eager": false
148                  }
149                ]
150              }
151            ]
152          }
153        ]
154      }
155    }
156  ]
157}