added resolve-url-loader

Author: glook

package.json

@@ -1,6 +1,6 @@
 {
     "name": "webpack-typescript-react",
-    "version": "0.0.6",
+    "version": "0.0.7",
     "description": "",
     "license": "ISC",
     "author": "",
@@ -80,7 +80,7 @@
         "pretty-quick": "^2.0.1",
         "react-refresh": "^0.8.3",
         "regenerator-runtime": "^0.13.7",
-        "resolve-url-loader": "3.1.1",
+        "resolve-url-loader": "^3.1.1",
         "sass-loader": "^9.0.3",
         "sass-resources-loader": "^2.0.3",
         "style-loader": "1.2.1",

webpack/constants/loadersList.js

@@ -1,3 +1,5 @@
+import {resolve} from 'path';
+
 /**
  * Created by: Andrey Polyakov ([email protected])
  */
@@ -78,3 +80,17 @@ export const typingsCssModulesLoader = {
         formatter: 'prettier',
     },
 };
+
+export const resolveUrlLoader = {
+    loader: 'resolve-url-loader',
+    options: {
+        sourceMap: true,
+    },
+};
+
+export const babelLoader = {
+    loader: 'babel-loader',
+    options: {
+        configFile: resolve(__dirname, '../../.babelrc.js'),
+    },
+};

webpack/loaders.js

@@ -2,19 +2,21 @@
  * Created by: Andrey Polyakov ([email protected])
  */
 import {
+    babelLoader,
     cssLoader,
     cssModulesLoader,
     lessLoader,
     miniCssExtractLoader,
     postCssLoader,
+    resolveUrlLoader,
     sassLoader,
     typingsCssModulesLoader,
-} from './constants/loadersList.js';
+} from './constants/loadersList';
 
 export default [
     {
         test: /\.(js|jsx)$/,
-        use: ['thread-loader', 'babel-loader', 'eslint-loader'],
+        use: ['thread-loader', babelLoader, 'eslint-loader'],
         exclude: /node_modules/,
     },
     {
@@ -24,6 +26,7 @@ export default [
             typingsCssModulesLoader,
             cssModulesLoader,
             postCssLoader,
+            resolveUrlLoader,
             ...sassLoader,
         ].filter((x) => !!x),
     },
@@ -34,6 +37,7 @@ export default [
             miniCssExtractLoader,
             cssLoader,
             postCssLoader,
+            resolveUrlLoader,
             ...sassLoader,
         ].filter((x) => !!x),
     },
@@ -44,6 +48,7 @@ export default [
             typingsCssModulesLoader,
             cssModulesLoader,
             postCssLoader,
+            resolveUrlLoader,
             lessLoader,
         ].filter((x) => !!x),
     },
@@ -54,6 +59,7 @@ export default [
             miniCssExtractLoader,
             cssLoader,
             postCssLoader,
+            resolveUrlLoader,
             lessLoader,
         ].filter((x) => !!x),
     },
@@ -87,9 +93,7 @@ export default [
     {
         test: /\.component.svg(\?v=\d+\.\d+\.\d+)?$/,
         use: [
-            {
-                loader: 'babel-loader',
-            },
+            babelLoader,
             {
                 loader: '@svgr/webpack',
                 options: {