deploy Winscope as single html file

Test: npm run build:prod
Change-Id: I0766d9071566750dc9cdd4d9fb0c4c672b94e8e2

tools/winscope-ng/package.json

@@ -23,14 +23,15 @@
     "angular2-template-loader": "^0.6.2",
     "cross-env": "^7.0.3",
     "html-loader": "^3.1.0",
+    "html-webpack-inline-source-plugin": "^1.0.0-beta.2",
     "html-webpack-plugin": "^5.5.0",
     "kotlin": "^1.7.0",
     "kotlin-compiler": "^1.7.0",
     "loader-utils": "^2.0.0",
     "protobufjs": "^6.11.3",
     "rxjs": "~7.5.0",
-    "tslib": "^2.3.0",
     "ts-loader": "^9.3.0",
+    "tslib": "^2.3.0",
     "typescript": "~4.7.2",
     "webpack": "^5.73.0",
     "webpack-cli": "^4.10.0",

tools/winscope-ng/webpack.config.common.js

@@ -65,7 +65,9 @@ module.exports = {
 
   plugins: [
     new HtmlWebpackPlugin({
-      template: 'src/index.html'
+      template: "src/index.html",
+      inject: "body",
+      inlineSource: ".(css|js)$",
     })
   ]
 }

tools/winscope-ng/webpack.config.prod.js

@@ -16,6 +16,8 @@
 const {merge} = require('webpack-merge');
 const configCommon = require('./webpack.config.common');
 const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
 
 const configProd = {
   mode: 'production',
@@ -48,7 +50,10 @@ const configProd = {
         },
       },
     },
-  }
+  },
+  plugins: [
+    new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
+  ]
 };
 
 module.exports = merge(configCommon, configProd);