Output View: When building in production mode emded javascript into html.

Author: fabioz

robot-stream/output-webview/package.json

@@ -25,6 +25,7 @@
     },
     "devDependencies": {
         "css-loader": "^5.2.6",
+        "html-inline-script-webpack-plugin": "^3.1.0",
         "html-webpack-plugin": "^5.3.1",
         "prettier": "2.4.1",
         "style-loader": "^2.0.0",

robot-stream/output-webview/webpack.config.js

@@ -1,5 +1,6 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
+const HtmlInlineScriptPlugin = require("html-inline-script-webpack-plugin");
 
 module.exports = (env) => {
     let mode;
@@ -30,6 +31,19 @@ module.exports = (env) => {
     }
     console.log("Building to: " + target);
 
+    let plugins = [
+        // Generates the index.html
+        new HtmlWebpackPlugin({
+            title: "Robot Output",
+            template: "./src/index.html",
+            scriptLoading: "blocking",
+        }),
+    ];
+
+    if (mode == "production") {
+        plugins.push(new HtmlInlineScriptPlugin());
+    }
+
     return {
         entry: ["./src/index.ts", "./src/style.css"],
         output: {
@@ -71,14 +85,7 @@ module.exports = (env) => {
         resolve: {
             extensions: [".ts", ".js"],
         },
-        plugins: [
-            // Generates the index.html
-            new HtmlWebpackPlugin({
-                title: "Robot Output",
-                template: "./src/index.html",
-                scriptLoading: "blocking",
-            }),
-        ],
+        plugins: plugins,
         optimization: {
             minimize: minimize,
         },

robot-stream/output-webview/yarn.lock

@@ -1497,6 +1497,11 @@ html-entities@^1.3.1:
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.4.0.tgz#cfbd1b01d2afaf9adca1b10ae7dffab98c71d2dc"
   integrity sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==
 
+html-inline-script-webpack-plugin@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/html-inline-script-webpack-plugin/-/html-inline-script-webpack-plugin-3.1.0.tgz#fabffb9b2a6bd8e57785904948283155ee27a7b9"
+  integrity sha512-Kscqm4fNWxvQXt+R0o1UV9/ug0iZTEdYKXtrDuyauwI9FUe1azR8QXB3ZHkGupXzLF3lsvWheFb9WZT/a8aKtw==
+
 html-minifier-terser@^6.0.2:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"