Extract svg into own loader for easier overrides (#353)

* Extract svg into own loader for easier overrides * Add changeset
single-spa · Oct 24, 2022 · a34fad7 · a34fad7
1 parent 3a4ff75
commit a34fad7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/fast-suns-do.md b/.changeset/fast-suns-do.md
@@ -0,0 +1,5 @@
+---
+"webpack-config-single-spa": minor
+---
+
+Extract svg into own loader for easier overrides
diff --git a/packages/webpack-config-single-spa/lib/webpack-config-single-spa.js b/packages/webpack-config-single-spa/lib/webpack-config-single-spa.js
@@ -88,7 +88,13 @@ function webpackConfigSingleSpa(opts) {
           ],
         },
         {
-          test: /\.(bmp|png|svg|jpg|jpeg|gif|webp)$/i,
+          test: /\.(bmp|png|jpg|jpeg|gif|webp)$/i,
+          exclude: /node_modules/,
+          type: "asset/resource",
+        },
+        // svg has its own loader to allow easier overriding (eg. svg-loader for React components)
+        {
+          test: /\.svg$/i,
           exclude: /node_modules/,
           type: "asset/resource",
         },