fix(ci): fix base href when build gh-pages

Author: duynndu

.github/workflows/node.js.yml

@@ -33,7 +33,7 @@ jobs:
       run: npm ci
 
     - name: Build all projects
-      run: npm run build:all
+      run: npm run build:all:gh-pages
 
     - name: Copy all built files to deploy folder
       run: |

package.json

@@ -15,7 +15,9 @@
     "serve:template-editor": "cd dist/template-editor && npx serve -l 4202 --cors",
 
     "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\""
+    "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\""
   },
   "private": true,
   "dependencies": {

projects/template-editor/vite.config.js

@@ -10,7 +10,8 @@ const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
 // https://vite.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
+  base: mode === 'gh-pages' ? '/mfe-angular/template-editor/' : '/',
   plugins: [
     vue(),
     vueDevTools(),
@@ -38,4 +39,4 @@ export default defineConfig({
     emptyOutDir: true,
     chunkSizeWarningLimit: 10000,
   }
-})
+}))