Add separate index.html and index.prod.html for build

4 years ago · 562c31c947
parent c541cee5b9
commit 562c31c947
3 changed files with 33 additions and 1 deletions
--- a/angular.json
+++ b/angular.json
@ -67,6 +67,10 @@
                  "with": "src/environments/environment.prod.ts"
                }
              ],
+              "index": {
+                "input": "src/index.prod.html",
+                "output": "index.html"
+              },
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
--- a/src/index.html
+++ b/src/index.html
@ -5,7 +5,7 @@
  <meta charset="utf-8"/>
  <title>Noded</title>

-  <base href="/i/" />
+  <base href="/" />

  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <meta name="format-detection" content="telephone=no"/>
--- a/src/index.prod.html
+++ b/src/index.prod.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8"/>
+  <title>Noded</title>
+
+  <base href="/i/" />
+
+  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+  <meta name="format-detection" content="telephone=no"/>
+  <meta name="msapplication-tap-highlight" content="no"/>
+
+  <link rel="icon" type="image/png" href="assets/icon/favicon.png"/>
+
+  <!-- add to homescreen for ios -->
+  <meta name="apple-mobile-web-app-capable" content="yes"/>
+  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#1976d2">
+</head>
+
+<body>
+  <app-root></app-root>
+  <noscript>Please enable JavaScript to continue using this application.</noscript>
+</body>
+
+</html>