feat(react): Support loading remotes via library: var

[ndcunningham]

This PR updates withModuleFederation plugin for React apps to now support library: { type: 'var' } when loading remotes.

With this change, users can now decorate their hosts and remotes with library: { type: 'var'}, enabling the remote to be loaded via script.

To enable this type of loading you would need to update your host and remote similar to this:

// host module-federation.config.js
module.exports = {
  library: { type: 'var', name: 'host' },
  //... Other host config
};

// remote module-federation.config.js
module.exports = {
  library: { type: 'var', name: 'remote' },
  //... Other remote config
};

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)	Visit Preview		Sep 19, 2023 2:32pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit f220342. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 6 targets

• nx affected --target=e2e --base=b5ac50a7735f742f7fa6ee9ba3e81f7b78cdd131 --head=f2203425a596dab23f1a0f7c026ba3ea9d11a93b --parallel=1
• nx affected --targets=lint,test,build --base=b5ac50a7735f742f7fa6ee9ba3e81f7b78cdd131 --head=f2203425a596dab23f1a0f7c026ba3ea9d11a93b --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=b5ac50a7735f742f7fa6ee9ba3e81f7b78cdd131 --head=f2203425a596dab23f1a0f7c026ba3ea9d11a93b
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=b5ac50a7735f742f7fa6ee9ba3e81f7b78cdd131 --head=f2203425a596dab23f1a0f7c026ba3ea9d11a93b

---

Sent with 💌 from NxCloud.

[Coly010]

Left one comment, but overall looks good!!

Can we also make sure this is added to Angular?

[Coly010]

Seems to be an error with this function, do you need to import it?

[ndcunningham]

Left one comment, but overall looks good!!

Can we also make sure this is added to Angular?

We could add a task for angular all that would be needed is to update the with-module-federation and add a e2e

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.