api

set npm package url

const NPMFederation = require("npm-federation")
new NPMFederation({
  remotes: {
    "@remix-run/router": "https://cdn.jsdelivr.net/npm/@remix-run/[email protected]/dist/router.umd.min.js",
    "mf-app-02": "mfapp02@https://cdn.jsdelivr.net/npm/mf-app-02@latest/dist/remoteEntry.js",
  },
  shared: {react: {}}
})

Set npm package path

const NPMFederation = require("npm-federation")
new NPMFederation({
  baseUrl: "https://cdn.jsdelivr.net/npm",
  remotes: {
    "@remix-run/router": "@remix-run/[email protected]/dist/router.umd.min.js",
    "mf-app-02": {
      package: "mf-app-02@latest/dist/remoteEntry.js",
      global: "mfapp02"
    },
  },
  shared: {react: {}}
})

Dynamically set npm package version at runtime

const NPMFederation = require("npm-federation")
new NPMFederation({
  initial: `
    console.log("Inject code wpmjsInstance", wpmjs)
    wpmjs.sleep(new Promise(resolve => {
      // fetch("https://xxxxx.json")
      const json = {
        "@remix-run/router": {
          packageVersion: "1.9.0"
        },
        "mf-app-02": {
          packageVersion: "1.0.6"
        }
      }
      setTimeout(() => {
        console.log("Asynchronously obtain data and dynamically set the remotes version", json)
        wpmjs.addImportMap(json)
        resolve()
      }, 100)
    }))`,
  baseUrl: "https://cdn.jsdelivr.net/npm",
  remotes: {
    "@remix-run/router": "@remix-run/router/dist/router.umd.min.js",
    "mf-app-02": {
      package: "mf-app-02/dist/remoteEntry.js",
      global: "mfapp02"
    },
  },
  shared: {react: {}}
})