Inlining frontend scripts in webpack

skaut · Dec 22, 2024 · f51f253 · f51f253
1 parent 3a73306
commit f51f253
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 170 deletions.
diff --git a/frontend.webpack.config.js b/frontend.webpack.config.js
@@ -1,3 +1,4 @@
+import HtmlInlineScriptPlugin from "html-inline-script-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import path from "path";
 import { sveltePreprocess } from "svelte-preprocess";
@@ -72,6 +73,7 @@ export default (_, options) => ({
       minify: false,
       template: "src/frontend/index.html",
     }),
+    new HtmlInlineScriptPlugin(),
   ],
   resolve: {
     alias: {

diff --git a/gulpfile.js b/gulpfile.js
@@ -1,5 +1,4 @@
 import gulp from "gulp";
-import filter from "gulp-filter";
 import webpack from "webpack-stream";
 
 import backendWebpackConfig from "./backend.webpack.config.js";
@@ -13,7 +12,6 @@ gulp.task("build:frontend", () =>
   gulp
     .src("src/frontend/index.ts")
     .pipe(webpack(frontendWebpackConfig(undefined, {})))
-    .pipe(filter(["index.html"]))
     .pipe(gulp.dest("dist/")),
 );
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "eslint-plugin-svelte": "^2.46.1",
     "gas-webpack-plugin": "^2.6.0",
     "gulp": "^5.0.0",
-    "gulp-filter": "^9.0.1",
+    "html-inline-script-webpack-plugin": "^3.2.1",
     "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
     "npm-run-all": "^4.1.5",