refactor: remove file-loader and use asset modules instead (#1855)

Author: visualfanatic

package-lock.json

@@ -98,7 +98,6 @@
     "eslint": "6.8.0",
     "eslint-plugin-jest": "23.8.2",
     "eslint-plugin-react": "7.19.0",
-    "file-loader": "6.0.0",
     "http-server": "0.12.0",
     "jest": "24.8.0",
     "madge": "5.0.1",

package.json

@@ -20,7 +20,8 @@ module.exports = {
   context: path.join(__dirname, '../src'),
   output: {
     filename: '[name].bundle.js',
-    publicPath: 'bundles/'
+    publicPath: 'bundles/',
+    assetModuleFilename: 'img/[hash][ext]'
   },
   resolve: {
     modules: [__dirname,path.join(__dirname, '../src'), path.join(__dirname, '../node_modules')]
@@ -67,10 +68,10 @@ module.exports = {
         use: [ 'style-loader', 'css-loader' ]
       }, {
         test: /\.png$/,
-        use: { loader: 'file-loader?name=img/[hash].[ext]' }
+        type: 'asset/resource'
       }, {
         test: /\.jpg$/,
-        use: { loader: 'file-loader?name=img/[hash].[ext]' }
+        type: 'asset/resource'
       }, {
         test: /\.flow$/,
         use: 'null-loader'