update html webpack plugin setup

DonAdam2 · Sep 29, 2023 · 746ac48 · 746ac48
1 parent 3a6e10a
commit 746ac48
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 17 deletions.
diff --git a/buildTools/webpack.common.js b/buildTools/webpack.common.js
@@ -175,22 +175,43 @@ module.exports = (env, options) => {
         extensions: ['.js', '.ts', '.tsx', '.json'],
       }),
       new ForkTsCheckerWebpackPlugin(),
-      new HtmlWebpackPlugin({
-        title,
-        template: `${publicDirPath}/index.html`,
-        filename: 'index.html',
-        inject: 'body',
-        favicon: `${publicDirPath}/assets/images/favicon.png`,
-        meta: {
-          title,
-          description,
-          keywords,
-          //coming from scripts/start.js file
-          ...(isDevelopment && { url: `${devServer}:${options.port}` }),
-          'apple-mobile-web-app-capable': 'yes',
-          'mobile-web-app-capable': 'yes',
-        },
-      }),
+      new HtmlWebpackPlugin(
+        Object.assign(
+          {},
+          {
+            inject: true,
+            template: `${publicDirPath}/index.html`,
+            title,
+            filename: 'index.html',
+            favicon: `${publicDirPath}/assets/images/favicon.png`,
+            meta: {
+              title,
+              description,
+              keywords,
+              //coming from scripts/start.js file
+              ...(isDevelopment && { url: `${devServer}:${options.port}` }),
+              'apple-mobile-web-app-capable': 'yes',
+              'mobile-web-app-capable': 'yes',
+            },
+          },
+          !isDevelopment
+            ? {
+                minify: {
+                  removeComments: true,
+                  collapseWhitespace: true,
+                  removeRedundantAttributes: true,
+                  useShortDoctype: true,
+                  removeEmptyAttributes: true,
+                  removeStyleLinkTypeAttributes: true,
+                  keepClosingSlash: true,
+                  minifyJS: true,
+                  minifyCSS: true,
+                  minifyURLs: true,
+                },
+              }
+            : undefined
+        )
+      ),
       new NodePolyfillPlugin(),
     ],
   };

diff --git a/public/index.html b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />