add build for github page deployment

Author: jojozhuang

.github/workflows/main_github_pages.yml

@@ -22,7 +22,7 @@ jobs:
         run: npm ci
 
       - name: Build Angular app
-        run: npm run build:pages
+        run: npm run build:pages2
 
       - name: Deploy to GitHub Pages
         uses: JamesIves/github-pages-deploy-action@v4

angular.json

@@ -118,6 +118,25 @@
                 }
               ]
             },
+            "pages2": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.pages2.ts"
+                }
+              ]
+            },
             "nas": {
               "budgets": [
                 {
@@ -177,6 +196,9 @@
             },
             "pages": {
               "buildTarget": "text-compare-angular:build:pages"
+            },
+             "pages2": {
+              "buildTarget": "text-compare-angular:build:pages2"
             },
             "nas": {
               "buildTarget": "text-compare-angular:build:nas"

package.json

@@ -19,7 +19,8 @@
     "build:azure": "ng build --configuration azure",
     "build:netlify": "ng build --configuration netlify",
     "build:render": "ng build --configuration render",
-    "build:pages": "ng build --configuration pages --base-href /text-compare-angular/ --deploy-url /text-compare-angular/",
+    "build:pages": "ng build --configuration pages",
+    "build:pages2": "ng build --configuration pages --base-href /text-compare-angular/ --deploy-url /text-compare-angular/",
     "build:nas": "ng build --configuration nas",
     "build:cross:env": "rimraf dist compiled && cross-env SOURCE_MAP=0 ng build --configuration production",
     "test": "ng test",

src/environments/environment.pages2.ts

@@ -0,0 +1,6 @@
+export const environment = {
+  production: true,
+  envName: 'GitHub Pages',
+  baseHref: '/text-compare-angular/',
+  monacoBaseUrl: '/text-compare-angular/assets/monaco/min/vs'
+};