feat: share custom path module-federation#131

zhangHongEn · Oct 7, 2024 · a57000b · a57000b
1 parent ef9bc5a
commit a57000b
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 2 deletions.
diff --git a/examples/vite-vite/vite-host/vite.config.js.timestamp-1728315610870-9397701f4e9c3.mjs b/examples/vite-vite/vite-host/vite.config.js.timestamp-1728315610870-9397701f4e9c3.mjs
@@ -0,0 +1,52 @@
+// vite.config.js
+import { federation } from "file:///Users/zhanghongen/Desktop/zwork/open-code/vite8/lib/index.cjs";
+import react from "file:///Users/zhanghongen/Desktop/zwork/open-code/vite8/node_modules/.pnpm/@[email protected][email protected]_@[email protected][email protected][email protected]_/node_modules/@vitejs/plugin-react/dist/index.mjs";
+import { defineConfig } from "file:///Users/zhanghongen/Desktop/zwork/open-code/vite8/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/vite/dist/node/index.js";
+import topLevelAwait from "file:///Users/zhanghongen/Desktop/zwork/open-code/vite8/node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]_@types+node@22._krbzckfzdnw5tslgq6xfzhp7ly/node_modules/vite-plugin-top-level-await/exports/import.mjs";
+var vite_config_default = defineConfig({
+  server: {
+    open: true,
+    port: 5175
+  },
+  preview: {
+    port: 5175
+  },
+  // base: 'http://localhost:5175',
+  plugins: [
+    react(),
+    federation({
+      name: "viteViteHost",
+      remotes: {
+        mfapp01: "mfapp01@https://unpkg.com/[email protected]/dist/remoteEntry.js",
+        remote2: "mfapp02@https://unpkg.com/mf-app-02/dist/remoteEntry.js",
+        remote3: "remote1@https://unpkg.com/[email protected]/dist/mf-manifest.json",
+        "@namespace/viteViteRemote": "http://localhost:5176/mf-manifest.json"
+      },
+      filename: "remoteEntry-[hash].js",
+      manifest: true,
+      shared: {
+        vue: {},
+        "react/": {
+          requiredVersion: "18"
+        },
+        "react-dom": {},
+        "ag-grid-community": {},
+        "ag-grid-react": {},
+        "@emotion/react": {},
+        "styled-components": { singleton: true },
+        "@emotion/styled": {},
+        "@mui/material": {}
+      },
+      runtimePlugins: ["./src/mfPlugins"]
+    }),
+    // If you set build.target: "chrome89", you can remove this plugin
+    false
+  ],
+  build: {
+    target: "chrome89"
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvemhhbmdob25nZW4vRGVza3RvcC96d29yay9vcGVuLWNvZGUvdml0ZTgvZXhhbXBsZXMvdml0ZS12aXRlL3ZpdGUtaG9zdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL3poYW5naG9uZ2VuL0Rlc2t0b3Avendvcmsvb3Blbi1jb2RlL3ZpdGU4L2V4YW1wbGVzL3ZpdGUtdml0ZS92aXRlLWhvc3Qvdml0ZS5jb25maWcuanNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL3poYW5naG9uZ2VuL0Rlc2t0b3Avendvcmsvb3Blbi1jb2RlL3ZpdGU4L2V4YW1wbGVzL3ZpdGUtdml0ZS92aXRlLWhvc3Qvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBmZWRlcmF0aW9uIH0gZnJvbSAnQG1vZHVsZS1mZWRlcmF0aW9uL3ZpdGUnO1xuaW1wb3J0IHJlYWN0IGZyb20gJ0B2aXRlanMvcGx1Z2luLXJlYWN0JztcbmltcG9ydCB7IGRlZmluZUNvbmZpZyB9IGZyb20gJ3ZpdGUnO1xuaW1wb3J0IHRvcExldmVsQXdhaXQgZnJvbSAndml0ZS1wbHVnaW4tdG9wLWxldmVsLWF3YWl0JztcblxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XG4gIHNlcnZlcjoge1xuICAgIG9wZW46IHRydWUsXG4gICAgcG9ydDogNTE3NSxcbiAgfSxcbiAgcHJldmlldzoge1xuICAgIHBvcnQ6IDUxNzUsXG4gIH0sXG4gIC8vIGJhc2U6ICdodHRwOi8vbG9jYWxob3N0OjUxNzUnLFxuICBwbHVnaW5zOiBbXG4gICAgcmVhY3QoKSxcbiAgICBmZWRlcmF0aW9uKHtcbiAgICAgIG5hbWU6ICd2aXRlVml0ZUhvc3QnLFxuICAgICAgcmVtb3Rlczoge1xuICAgICAgICBtZmFwcDAxOiAnbWZhcHAwMUBodHRwczovL3VucGtnLmNvbS9tZi1hcHAtMDFAMS4wLjExL2Rpc3QvcmVtb3RlRW50cnkuanMnLFxuICAgICAgICByZW1vdGUyOiAnbWZhcHAwMkBodHRwczovL3VucGtnLmNvbS9tZi1hcHAtMDIvZGlzdC9yZW1vdGVFbnRyeS5qcycsXG4gICAgICAgIHJlbW90ZTM6XG4gICAgICAgICAgJ3JlbW90ZTFAaHR0cHM6Ly91bnBrZy5jb20vcmVhY3QtbWFuaWZlc3QtZXhhbXBsZV9yZW1vdGUxQDEuMC42L2Rpc3QvbWYtbWFuaWZlc3QuanNvbicsXG4gICAgICAgICdAbmFtZXNwYWNlL3ZpdGVWaXRlUmVtb3RlJzogJ2h0dHA6Ly9sb2NhbGhvc3Q6NTE3Ni9tZi1tYW5pZmVzdC5qc29uJyxcbiAgICAgIH0sXG4gICAgICBmaWxlbmFtZTogJ3JlbW90ZUVudHJ5LVtoYXNoXS5qcycsXG4gICAgICBtYW5pZmVzdDogdHJ1ZSxcbiAgICAgIHNoYXJlZDoge1xuICAgICAgICB2dWU6IHt9LFxuICAgICAgICAncmVhY3QvJzoge1xuICAgICAgICAgIHJlcXVpcmVkVmVyc2lvbjogJzE4JyxcbiAgICAgICAgfSxcbiAgICAgICAgJ3JlYWN0LWRvbSc6IHt9LFxuICAgICAgICAnYWctZ3JpZC1jb21tdW5pdHknOiB7fSxcbiAgICAgICAgJ2FnLWdyaWQtcmVhY3QnOiB7fSxcbiAgICAgICAgJ0BlbW90aW9uL3JlYWN0Jzoge30sXG4gICAgICAgICdzdHlsZWQtY29tcG9uZW50cyc6IHsgc2luZ2xldG9uOiB0cnVlIH0sXG4gICAgICAgICdAZW1vdGlvbi9zdHlsZWQnOiB7fSxcbiAgICAgICAgJ0BtdWkvbWF0ZXJpYWwnOiB7fSxcbiAgICAgIH0sXG4gICAgICBydW50aW1lUGx1Z2luczogWycuL3NyYy9tZlBsdWdpbnMnXSxcbiAgICB9KSxcbiAgICAvLyBJZiB5b3Ugc2V0IGJ1aWxkLnRhcmdldDogXCJjaHJvbWU4OVwiLCB5b3UgY2FuIHJlbW92ZSB0aGlzIHBsdWdpblxuICAgIGZhbHNlICYmIHRvcExldmVsQXdhaXQoKSxcbiAgXSxcbiAgYnVpbGQ6IHtcbiAgICB0YXJnZXQ6ICdjaHJvbWU4OScsXG4gIH0sXG59KTtcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBeVosU0FBUyxrQkFBa0I7QUFDcGIsT0FBTyxXQUFXO0FBQ2xCLFNBQVMsb0JBQW9CO0FBQzdCLE9BQU8sbUJBQW1CO0FBRzFCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQSxJQUNOLE1BQU07QUFBQSxFQUNSO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUCxNQUFNO0FBQUEsRUFDUjtBQUFBO0FBQUEsRUFFQSxTQUFTO0FBQUEsSUFDUCxNQUFNO0FBQUEsSUFDTixXQUFXO0FBQUEsTUFDVCxNQUFNO0FBQUEsTUFDTixTQUFTO0FBQUEsUUFDUCxTQUFTO0FBQUEsUUFDVCxTQUFTO0FBQUEsUUFDVCxTQUNFO0FBQUEsUUFDRiw2QkFBNkI7QUFBQSxNQUMvQjtBQUFBLE1BQ0EsVUFBVTtBQUFBLE1BQ1YsVUFBVTtBQUFBLE1BQ1YsUUFBUTtBQUFBLFFBQ04sS0FBSyxDQUFDO0FBQUEsUUFDTixVQUFVO0FBQUEsVUFDUixpQkFBaUI7QUFBQSxRQUNuQjtBQUFBLFFBQ0EsYUFBYSxDQUFDO0FBQUEsUUFDZCxxQkFBcUIsQ0FBQztBQUFBLFFBQ3RCLGlCQUFpQixDQUFDO0FBQUEsUUFDbEIsa0JBQWtCLENBQUM7QUFBQSxRQUNuQixxQkFBcUIsRUFBRSxXQUFXLEtBQUs7QUFBQSxRQUN2QyxtQkFBbUIsQ0FBQztBQUFBLFFBQ3BCLGlCQUFpQixDQUFDO0FBQUEsTUFDcEI7QUFBQSxNQUNBLGdCQUFnQixDQUFDLGlCQUFpQjtBQUFBLElBQ3BDLENBQUM7QUFBQTtBQUFBLElBRUQ7QUFBQSxFQUNGO0FBQUEsRUFDQSxPQUFPO0FBQUEsSUFDTCxRQUFRO0FBQUEsRUFDVjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/examples/vite-vite/vite-remote/src/customShare.js b/examples/vite-vite/vite-remote/src/customShare.js
@@ -0,0 +1,3 @@
+export default function () {
+  console.log(12313123);
+}
diff --git a/examples/vite-vite/vite-remote/src/main.jsx b/examples/vite-vite/vite-remote/src/main.jsx
@@ -7,6 +7,7 @@ import { App2 } from './App2';
 import { EmotionDemo } from './EmotionDemo';
 import { MuiDemo } from './MuiDemo';
 import StyledDemo from './StyledDemo';
+import "./customShare";
 
 const root = ReactDOM.createRoot(document.getElementById('app'));
 root.render(

diff --git a/examples/vite-vite/vite-remote/vite.config.js b/examples/vite-vite/vite-remote/vite.config.js
@@ -30,6 +30,7 @@ export default defineConfig({
       filename: 'remoteEntry-[hash].js',
       manifest: true,
       shared: {
+        './src/customShare': {},
         vue: {},
         'react/': {},
         react: {

diff --git a/src/utils/normalizeModuleFederationOptions.ts b/src/utils/normalizeModuleFederationOptions.ts
@@ -1,4 +1,5 @@
 import { SharedConfig, ShareStrategy } from '@module-federation/runtime/types';
+import { isAbsolute } from "pathe";
 
 export type RemoteEntryType =
   | 'var'
@@ -132,9 +133,13 @@ function normalizeShareItem(
 ): ShareItem {
   let version: string | undefined;
   try {
-    version = require(path.join(removePathFromNpmPackage(key), 'package.json')).version;
+    if (isAbsolute(key) || key.startsWith("./")) {
+      version = "1.0.0"
+    } else {
+      version = require(path.join(removePathFromNpmPackage(key), 'package.json')).version;
+    }
   } catch (e) {
-    console.log(e);
+    console.log(e)
   }
   if (typeof shareItem === 'string') {
     return {
@@ -313,6 +318,14 @@ export function getNormalizeModuleFederationOptions() {
 
 export function getNormalizeShareItem(key: string) {
   const options = getNormalizeModuleFederationOptions();
+  if (isAbsolute(key) || key.startsWith("./")) {
+    const shareItem = Object.keys(options.shared).filter(shareKey => {
+      if (shareKey.startsWith(key)) {
+        return 
+      }
+    })?.[0]
+    if (shareItem) return shareItem
+  }
   const shareItem =
     options.shared[removePathFromNpmPackage(key)] ||
     options.shared[removePathFromNpmPackage(key) + '/'];