fix(ssr): imported image paths set wrong

due to a difference in how our client and ssr webpack configs were set up https://mozilla-hub.atlassian.net/browse/MP-1088
mdn · Apr 23, 2024 · 1d0445d · 1d0445d
1 parent 8763695
commit 1d0445d
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/ssr/webpack.config.js b/ssr/webpack.config.js
@@ -50,11 +50,22 @@ const config = {
               ref: true,
             },
           },
+          "file-loader?outputPath=/distimages/",
         ],
       },
       {
-        test: /\.(png|svg|jpg|gif)$/,
-        use: ["file-loader?outputPath=/distimages/"],
+        test: [/\.avif$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+        type: "asset",
+        parser: {
+          dataUrlCondition: {
+            maxSize: 0,
+          },
+        },
+        generator: {
+          emit: false,
+          publicPath: "/",
+          filename: "static/media/[name].[hash][ext]",
+        },
       },
       { test: /\.(css|scss)$/, loader: "ignore-loader" },
     ],