Added the ability to import SVGs as a React Component (#422)

Feat: Added the ability to import SVGs as a React Component

Author: approvedpr

packages/electron-webpack/package.json

@@ -20,6 +20,7 @@
   },
   "//": "@types/webpack-env in the dependencies because used by clients",
   "dependencies": {
+    "@svgr/webpack": "^5.5.0",
     "@types/webpack-env": "^1.15.1",
     "async-exit-hook": "^2.0.1",
     "bluebird": "^3.7.2",

packages/electron-webpack/src/targets/RendererTarget.ts

@@ -42,12 +42,24 @@ export class BaseRendererTarget extends BaseTarget {
         use: cssHotLoader.concat("sass-loader"),
       },
       {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        test: /\.(png|jpe?g|gif)(\?.*)?$/,
         use: {
           loader: "url-loader",
           options: configureFileLoader("imgs")
         }
       },
+      {
+        test: /\.svg$/,
+          use: [
+            {
+              loader: '@svgr/webpack',
+            },
+            {
+              loader: "url-loader",
+              options: configureFileLoader("imgs")
+            }
+          ]
+      },
       {
         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
         loader: "url-loader",