aliasing added to weback config

Author: udaypydi

config/paths.js

@@ -3,7 +3,8 @@ const path = require('path');
 const paths = {
     entry: path.resolve(__dirname, '../index'),
     output: path.resolve(__dirname, '../build'),
-    template: path.resolve(__dirname, './template.html')
+    template: path.resolve(__dirname, './template.html'),
+    uielements: path.resolve(__dirname, '../src/components'),
 };
 
 

config/webpack.base.config.js

@@ -53,7 +53,10 @@ module.exports = function({ plugins }) {
             }),
         ],
         resolve: {
-            extensions: ['.js', 'jsx', '.scss', '.css']
+            extensions: ['.js', 'jsx', '.scss', '.css'],
+            alias: {
+                uielements: paths.uielements,
+            }
         },
     });
 }

index.js

@@ -1,6 +1,6 @@
 import React, { Suspense } from 'react';
 import ReactDOM from 'react-dom';
-import Loader from './src/components/loader/loader.component.jsx';
+import Loader from 'uielements/loader/loader.component.jsx';
 const App = React.lazy(() => import('./src/app.jsx'));
 
 ReactDOM.render(<Suspense fallback={<Loader />}><App /></Suspense>, document.getElementById('root'));