@flatjs/evolve 1.8.1-next.97 → 2.0.0-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatjs/evolve",
-  "version": "1.8.1-next.97",
+  "version": "2.0.0-next.1",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -37,19 +37,19 @@
     "typecheck": "tsc --project ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@armit/config-loader": "^0.0.51",
-    "@armit/file-utility": "^0.0.28",
-    "@armit/git": "^0.0.36",
-    "@armit/package": "^0.0.45",
-    "@armit/worker-threads": "^0.0.5",
-    "@babel/core": "7.22.9",
-    "@flatjs/common": "1.8.1-next.35",
-    "@flatjs/evolve-preset-babel": "1.8.1-next.17",
-    "@flatjs/forge-postcss-plugin-pixel": "1.8.1-next.35",
-    "@flatjs/graph": "1.8.1-next.50",
-    "@flatjs/mock": "1.8.1-next.74",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@types/babel__core": "7.20.1",
+    "@armit/config-loader": "^0.0.56",
+    "@armit/file-utility": "^0.0.33",
+    "@armit/git": "^0.0.41",
+    "@armit/package": "^0.0.50",
+    "@armit/worker-threads": "^0.0.10",
+    "@babel/core": "7.23.2",
+    "@flatjs/common": "2.0.0-next.1",
+    "@flatjs/evolve-preset-babel": "2.0.0-next.1",
+    "@flatjs/forge-postcss-plugin-pixel": "2.0.0-next.1",
+    "@flatjs/graph": "2.0.0-next.1",
+    "@flatjs/mock": "2.0.0-next.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
+    "@types/babel__core": "7.20.3",
     "babel-loader": "9.1.3",
     "babel-merge": "3.0.0",
     "babel-plugin-import": "1.13.8",
@@ -58,51 +58,52 @@
     "css-loader": "6.8.1",
     "cssnano": "6.0.1",
     "express": "4.18.2",
-    "fork-ts-checker-webpack-plugin": "8.0.0",
-    "happy-dom": "10.6.3",
+    "fork-ts-checker-webpack-plugin": "9.0.0",
+    "happy-dom": "12.9.1",
     "html-webpack-plugin": "5.5.3",
     "image-minimizer-webpack-plugin": "3.8.3",
-    "less": "4.1.3",
+    "less": "4.2.0",
     "less-loader": "11.1.3",
     "listr": "0.14.3",
     "lodash": "4.17.21",
     "mini-css-extract-plugin": "2.7.6",
-    "postcss": "8.4.27",
+    "postcss": "8.4.31",
     "postcss-loader": "7.3.3",
     "react-refresh": "0.14.0",
     "svgo": "3.0.2",
     "tarjan-graph": "3.0.0",
     "terser-webpack-plugin": "5.3.9",
     "tsconfig-paths-webpack-plugin": "4.1.0",
-    "type-fest": "^4.1.0",
-    "webpack": "5.88.2",
-    "webpack-bundle-analyzer": "4.9.0",
+    "type-fest": "^4.5.0",
+    "typescript": "5.2.2",
+    "webpack": "5.89.0",
+    "webpack-bundle-analyzer": "4.9.1",
     "webpack-dev-server": "4.15.1",
     "webpack-sources": "3.2.3"
   },
   "devDependencies": {
-    "@armit/eslint-config-bases": "^0.0.23",
-    "@flatjs/testing": "1.8.1-next.37",
-    "@swc/core": "1.3.74",
-    "@types/express": "4.17.17",
-    "@types/listr": "0.14.4",
-    "@types/node": "20.4.6",
-    "@vitest/coverage-istanbul": "0.34.1",
-    "@vitest/ui": "0.34.1",
-    "eslint": "8.46.0",
+    "@armit/eslint-config-bases": "^0.0.28",
+    "@flatjs/testing": "2.0.0-next.1",
+    "@swc/core": "1.3.93",
+    "@types/express": "4.17.20",
+    "@types/listr": "0.14.7",
+    "@types/node": "20.8.7",
+    "@vitest/coverage-istanbul": "0.34.6",
+    "@vitest/ui": "0.34.6",
+    "eslint": "8.51.0",
     "imagemin-gifsicle": "7.0.0",
     "imagemin-jpegtran": "7.0.0",
     "imagemin-pngquant": "9.0.2",
     "imagemin-svgo": "10.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "3.0.0",
+    "prettier": "3.0.3",
     "react": "18.2.0",
-    "rimraf": "5.0.1",
+    "rimraf": "5.0.5",
     "swc-unplugin-ts": "1.0.2",
     "ts-node": "10.9.1",
-    "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.34.1",
-    "vue-loader": "17.2.2"
+    "vite-tsconfig-paths": "4.2.1",
+    "vitest": "0.34.6",
+    "vue-loader": "17.3.0"
   },
   "peerDependencies": {
     "imagemin-gifsicle": ">=7.0.0",
@@ -125,7 +126,8 @@
     }
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=18.0.0",
+    "npm": ">=8.0.0"
   },
   "publishConfig": {
     "access": "public",

package/templates/html-plugin/index-dev.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-inte.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-inte2.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-inte3.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-inte4.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-me.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>

package/templates/html-plugin/index-prod.html

@@ -17,41 +17,45 @@
     />
     <title><%= title %></title>
 
-    <% if (headBeforeHtmlTags) { %> <% for (let index = 0; index <
-    headBeforeHtmlTags.length; index++) { %> <%= headBeforeHtmlTags[index] %> <%
-    } %> <% } %> <% if (inlineScripts) { %>
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
     <script>
       <% for (let index = 0; index < inlineScripts.length; index++) { %>
         <%= inlineScripts[index] %>
       <% } %>
     </script>
-    <% } %> <% if (viewport) { %>
+    <% } %>
+    <% if (viewport) { %>
     <script>
       <%= viewport %>
     </script>
-    <% } %> <% if (favicon) { %>
-    <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
-    <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
-    <% } %> <% if (headBeforeStyles) { %> <% for (let index = 0; index <
-    headBeforeStyles.length; index++) { %>
-    <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
-    <% } %> <% } %> <% if (headBeforeScripts) { %> <% for (let index = 0; index
-    < headBeforeScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= headBeforeScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </head>
 
   <body>
     <div id="app"></div>
-    <% if (bodyAfterScripts) { %> <% for (let index = 0; index <
-    bodyAfterScripts.length; index++) { %>
-    <script
-      crossorigin="anonymous"
-      src="<%= bodyAfterScripts[index]%>"
-    ></script>
-    <% } %> <% } %>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
   </body>
 </html>