fix(ci) build options

Author: duynndu

.github/workflows/node.js.yml

@@ -7,7 +7,7 @@ on:
     branches: [ "main" ]
 
 permissions:
-  contents: write   # cần quyền ghi để đẩy lên gh-pages
+  contents: write
 
 jobs:
   build-deploy:
@@ -33,7 +33,7 @@ jobs:
       run: npm ci
 
     - name: Build all projects
-      run: npm run build:all:gh-pages
+      run: npm run build:all:demo
 
     - name: Copy all built files to deploy folder
       run: |

angular.json

@@ -21,6 +21,15 @@
 						"production": {
 							"target": "shell:esbuild:production"
 						},
+						"demo": {
+							"target": "shell:esbuild:production",
+							"fileReplacements": [
+								{
+									"replace": "projects/shell/src/environments/environment.ts",
+									"with": "projects/shell/src/environments/environment.demo.ts"
+								}
+							]
+						},
 						"development": {
 							"target": "shell: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:gh-pages": "concurrently \"ng build shell --base-href /mfe-angular/shell/\" \"ng build first-mf --base-href /mfe-angular/first-mf/\" \"cd projects/template-editor && vite build --mode gh-pages\""
+    "build:all:demo": "concurrently \"ng build shell --base-href /mfe-angular/shell/\" \"ng build first-mf --base-href /mfe-angular/first-mf/\" \"cd projects/template-editor && vite build --mode demo\""
   },
   "private": true,
   "dependencies": {

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

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

projects/template-editor/vite.config.js

@@ -11,7 +11,7 @@ const __dirname = path.dirname(__filename)
 
 // https://vite.dev/config/
 export default defineConfig(({ mode }) => ({
-  base: mode === 'gh-pages' ? '/mfe-angular/template-editor/' : '/',
+  base: mode === 'demo' ? '/mfe-angular/template-editor/' : '/',
   plugins: [
     vue(),
     vueDevTools(),