.

Author: duynndu

angular.json

@@ -149,6 +149,10 @@
 						"production": {
 							"target": "first-mf:esbuild:production"
 						},
+						"demo": {
+							"target": "first-mf:esbuild:production",
+							"baseHref": "/mfe-angular/first-mf/"
+						},
 						"development": {
 							"target": "first-mf:esbuild:development",
 							"dev": true

package.json

@@ -17,7 +17,7 @@
     "build:all": "concurrently \"npm run build:shell\" \"npm run build:first-mf\" \"npm run build:template-editor\"",
     "serve:all": "concurrently \"npm run serve:shell\" \"npm run serve:first-mf\" \"npm run serve:template-editor\"",
 
-    "build:all:demo": "concurrently \"ng build shell --configuration=demo\" \"ng build first-mf --base-href /mfe-angular/first-mf/\" \"cd projects/template-editor && vite build --mode demo\""
+    "build:all:demo": "concurrently \"ng build shell --configuration=demo\" \"ng build first-mf --configuration=demo\" \"cd projects/template-editor && vite build --mode demo\""
   },
   "private": true,
   "dependencies": {

projects/shell/src/environments/environment.demo.ts

@@ -1,4 +1,5 @@
 export const environment = {
   production: false,
   vueRemoteEntry: '/mfe-angular/template-editor/assets/remoteEntry.js',
+  buildConfig: 'demo',
 };

projects/shell/src/environments/environment.ts

@@ -1,5 +1,5 @@
 export const environment = {
   production: false,
-  vueRemoteEntry: '/mfe-angular/template-editor/assets/remoteEntry.js',
-  // vueRemoteEntry: 'http://localhost:4202/assets/remoteEntry.js',
+  vueRemoteEntry: 'http://localhost:4202/assets/remoteEntry.js',
+  buildConfig: 'default',
 };

projects/shell/src/main.ts

@@ -1,4 +1,8 @@
 import { initFederation } from '@angular-architects/native-federation';
+import { environment } from './environments/environment';
+
+console.log('Environment:', environment.buildConfig);
+
 
 initFederation('federation.manifest.json')
   .catch(err => console.error(err))