update baseUrl

Author: zhangHongEn

packages/npm-federation-webpack/README.md

@@ -1,24 +1,7 @@
 ## 
 
 ## api
-
-<!-- // Inject some code through initial (not required)
-  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"
-        }
-      }
-      setTimeout(() => {
-        console.log("Asynchronously obtain data and dynamically set the remotes version", json)
-        wpmjs.addImportMap(json)
-        resolve()
-      }, 100)
-    }))
-  `, -->
+### set npm package url
 ``` js
 const NPMFederation = require("npm-federation")
 new NPMFederation({
@@ -30,6 +13,7 @@ new NPMFederation({
 })
 ```
 
+### Set npm package path
 ``` js
 const NPMFederation = require("npm-federation")
 new NPMFederation({
@@ -45,6 +29,36 @@ new NPMFederation({
 })
 ```
 
-<!-- ## 自定义url规则
-
-## systemjs多入口规范 -->
+### Dynamically set npm package version at runtime
+``` js
+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: {}}
+})
+```

packages/npm-federation-webpack/package.json

@@ -1,6 +1,6 @@
 {
   "name": "npm-federation",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Use systemjs to add npm and umd extensions to module-federation",
   "main": "src/plugin.js",
   "scripts": {
@@ -23,8 +23,7 @@
     "hmr",
     "npm"
   ],
-  "devDependencies": {
-  },
+  "devDependencies": {},
   "dependencies": {
     "wpmjs": "^4.0.19",
     "single-react-refresh-plugin": "^1.0.5",

packages/npm-federation-webpack/src/plugin.js

@@ -9,23 +9,23 @@ class NpmFederationPlugin {
   constructor(options = {}) {
     const {
       initial,
-      config,
       debugQuery,
       remotes,
       workerFiles,
+      baseUrl,
       ...ops
     } = Object.assign({
       initial: "",
-      config: {},
+      baseUrl: "",
       debugQuery: "",
       remotes: {},
       workerFiles: undefined
     }, options)
     this.options = options
     this.mfOptions = ops
+    this.baseUrl = baseUrl
     this.initial = initial
     this.remotes = remotes
-    this.config = config
     this.debugQuery = debugQuery
     this.workerFiles = workerFiles
     this.instanceIndex = ++instanceIndex
@@ -62,7 +62,11 @@ class NpmFederationPlugin {
         name: ${JSON.stringify(name)}
       })
       ${this.initial}
-      wpmjs.setConfig(${JSON.stringify(this.config || {})})
+      ${(function(plugin) {
+        if (plugin.baseUrl) {
+          return `;wpmjs.setConfig({baseUrl: ${JSON.stringify(plugin.baseUrl)}});`
+        }
+      })(this)}
       wpmjs.addImportMap(${JSON.stringify(this.remotes)})
       const __mfList = []
       const __preloadSystemList = []