build: vercel

Author: wkylin

package.json

@@ -83,6 +83,8 @@
     "build:mf:shell": "cross-env PROJECT=shell MFE_ROLE=host PUBLIC_URL=/ SENTRY_SOURCE_MAP=no BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",
     "build:mf:projectA": "cross-env PROJECT=projectA MFE_ROLE=remote PUBLIC_URL=/projectA/ SENTRY_SOURCE_MAP=no BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",
     "build:mf:projectB": "cross-env PROJECT=projectB MFE_ROLE=remote PUBLIC_URL=/projectB/ SENTRY_SOURCE_MAP=no BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",
+    "build:mf:projectA:standalone": "cross-env PROJECT=projectA MFE_ROLE=remote PUBLIC_URL=/ SENTRY_SOURCE_MAP=no BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",
+    "build:mf:projectB:standalone": "cross-env PROJECT=projectB MFE_ROLE=remote PUBLIC_URL=/ SENTRY_SOURCE_MAP=no BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",
     "build:mf:vercel": "npm run build:mf:shell && npm run build:mf:projectA && npm run build:mf:projectB && node scripts/prepare-vercel-mfe.mjs",
     "vercel-build": "npm run build:mf:vercel",
     "build:production:zip:projectA": "cross-env PROJECT=projectA DIST_ZIP=1 SENTRY_SOURCE_MAP=map BUILD_GOAL=production NODE_ENV=production NODE_OPTIONS=--trace-deprecation webpack --config ./webpack/webpack.prod.js --stats-error-details",

vercel.json

@@ -1,10 +1,23 @@
 {
   "version": 2,
-  "buildCommand": "npm run build:mf:vercel",
-  "outputDirectory": "dist-vercel",
   "rewrites": [
-    { "source": "/projectA/:path((?!.*\\.[a-z0-9]+$).*)", "destination": "/projectA/index.html" },
-    { "source": "/projectB/:path((?!.*\\.[a-z0-9]+$).*)", "destination": "/projectB/index.html" },
-    { "source": "/:path((?!projectA|projectB)(?!.*\\.[a-z0-9]+$).*)", "destination": "/index.html" }
+    { "source": "/:path((?!.*\\.[a-z0-9]+$).*)", "destination": "/index.html" }
+  ],
+  "headers": [
+    {
+      "source": "/remoteEntry.js",
+      "headers": [
+        { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" },
+        { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate" }
+      ]
+    },
+    {
+      "source": "/static/(.*)",
+      "headers": [
+        { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" }
+      ]
+    }
   ]
 }

vercel.projectA.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://openapi.vercel.sh/vercel.json",
   "version": 2,
-  "buildCommand": "cross-env PROJECT=projectA MFE_ROLE=remote npm run build:mf",
+  "buildCommand": "npm run build:mf:projectA:standalone",
   "outputDirectory": "dist-projectA",
   "rewrites": [
     { "source": "/((?!.*\\.[a-z0-9]+$).*)", "destination": "/index.html" }
@@ -11,13 +11,15 @@
       "source": "/remoteEntry.js",
       "headers": [
         { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" },
         { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate" }
       ]
     },
     {
       "source": "/static/(.*)",
       "headers": [
-        { "key": "Access-Control-Allow-Origin", "value": "*" }
+        { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" }
       ]
     }
   ]

vercel.projectB.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://openapi.vercel.sh/vercel.json",
   "version": 2,
-  "buildCommand": "cross-env PROJECT=projectB MFE_ROLE=remote npm run build:mf",
+  "buildCommand": "npm run build:mf:projectB:standalone",
   "outputDirectory": "dist-projectB",
   "rewrites": [
     { "source": "/((?!.*\\.[a-z0-9]+$).*)", "destination": "/index.html" }
@@ -11,13 +11,15 @@
       "source": "/remoteEntry.js",
       "headers": [
         { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" },
         { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate" }
       ]
     },
     {
       "source": "/static/(.*)",
       "headers": [
-        { "key": "Access-Control-Allow-Origin", "value": "*" }
+        { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" }
       ]
     }
   ]

vercel.shell.json

@@ -11,6 +11,7 @@
       "source": "/remoteEntry.js",
       "headers": [
         { "key": "Access-Control-Allow-Origin", "value": "*" },
+        { "key": "Cross-Origin-Resource-Policy", "value": "cross-origin" },
         { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate" }
       ]
     }