Inserting new loaders in webpack

Author: andrelmlins

packages/react-dependency-scripts/configs/webpack.config.js

@@ -23,8 +23,13 @@ const config = {
         }
       },
       {
-        test: /\.svg$/,
-        loader: "svg-inline-loader"
+        test: /\.(gif|png|jpe?g|svg)$/i,
+        use: [
+          "file-loader",
+          {
+            loader: "image-webpack-loader"
+          }
+        ]
       },
       {
         test: /\.scss$/,

packages/react-dependency-scripts/package.json

@@ -33,9 +33,13 @@
     "babel-loader": "^8.0.6",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-react-app": "^9.0.2",
+    "css-loader": "^3.2.0",
     "html-webpack-plugin": "^3.2.0",
+    "image-webpack-loader": "^6.0.0",
     "jest": "^24.9.0",
     "open": "^7.0.0",
+    "sass-loader": "^8.0.0",
+    "style-loader": "^1.0.0",
     "webpack": "^4.41.2",
     "webpack-dev-server": "^3.9.0"
   }