Webpack 5 Module Federation in Gatsby

[rambabusaravanan]

I tried using module federation in simple custom react application and it worked well.

I also tried the same in gatsby it worked well in "gatsby develop" mode but failed when I run "gatsby build".

I tried to exclude the module during building html as mentioned here. Still failed

// gatsby-node.js
const { ModuleFederationPlugin } = require("webpack").container;
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {

  let rules = [];
  if (stage === "build-html" || stage === "develop-html") {
    rules.push({
      test: /header/,
      use: loaders.null(),
    })
  }

  actions.setWebpackConfig({
    module: {
      rules
    },
    plugins: [
      new ModuleFederationPlugin({
        name: "mfe-gatsby-root",
        // shared: ['react', 'react-dom', 'styled-components'],
        remotes: {
          header: "header@http://localhost:3001/remoteEntry.js",
        },
      }),
    ],
  });
};

Note: version of "gatsby": "^3.10.2",