Specify the filename for worker-loader to avoid bundling workers

andybalaam · andybalaam · commit 8d4215557afe · 2023-01-04T13:36:18.000Z
diff --git a/webpack.config.js b/webpack.config.js
@@ -236,6 +236,11 @@ module.exports = (env, argv) => {
                 {
                     test: /\.worker\.ts$/,
                     loader: "worker-loader",
+                    options: {
+                        // Prevent bundling workers since CSP forbids loading them
+                        // from another origin.
+                        filename: "[hash].worker.js",
+                    },
                 },
                 {
                     test: /\.(ts|js)x?$/,

Original file line number	Diff line number	Diff line change
`@@ -236,6 +236,11 @@ module.exports = (env, argv) => {`
`236`	`236`	`{`
`237`	`237`	`test: /\.worker\.ts$/,`
`238`	`238`	`loader: "worker-loader",`
	`239`	`+ options: {`
	`240`	`+ // Prevent bundling workers since CSP forbids loading them`
	`241`	`+ // from another origin.`
	`242`	`+ filename: "[hash].worker.js",`
	`243`	`+ },`
`239`	`244`	`},`
`240`	`245`	`{`
`241`	`246`	`test: /\.(ts\|js)x?$/,`