Use asset/resource type for SASS font support with WebPack 5. (#125)

ThePalaceProject · Aug 16, 2024 · 1d224cc · 1d224cc
1 parent 668f286
commit 1d224cc
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/webpack.common.js b/webpack.common.js
@@ -49,7 +49,11 @@ module.exports = {
         use: ["ts-loader"],
       },
       {
-        test: /\.(ttf|woff|eot|svg|png|woff2|gif|jpg)(\?[\s\S]+)?$/,
+        test: /\.(ttf|woff|eot|woff2)(\?[\s\S]+)?$/,
+        type: "asset/resource",
+      },
+      {
+        test: /\.(svg|png|gif|jpg)(\?[\s\S]+)?$/,
         use: ["url-loader?limit=100000"],
       },
     ],
@@ -60,9 +64,9 @@ module.exports = {
     },
     extensions: [".ts", ".tsx", ".js", ".scss"],
     fallback: {
-      "stream": require.resolve("stream-browserify"),
-      "timers": require.resolve("timers-browserify"),
-      "url": require.resolve("url")
-    }
+      stream: require.resolve("stream-browserify"),
+      timers: require.resolve("timers-browserify"),
+      url: require.resolve("url"),
+    },
   },
 };