Lazy Loaded select components

Author: Jovert Lota Palonpon

resources/js/Backoffice.js

@@ -183,7 +183,9 @@ class Backoffice extends Component {
                     user: response.data,
                 });
             }
-        } catch (error) {}
+        } catch (error) {
+            //
+        }
     };
 
     async componentDidMount() {

resources/js/bootstrap.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import moment from 'moment';
+const moment = () => import('moment');
 import Lang from 'lang.js';
 
 import { LOCALE } from './config';

resources/js/views/__backoffice/index.js

@@ -1 +1,3 @@
-export { default as Home } from './Home';
+import loadable from '@loadable/component';
+
+export const Home = loadable(() => import('./Home'));

resources/js/views/__backoffice/layouts/index.js

@@ -1 +1,3 @@
-export { default as Master } from './Master';
+import loadable from '@loadable/component';
+
+export const Master = loadable(() => import('./Master'));

resources/js/views/__backoffice/partials/index.js

@@ -1,2 +1,4 @@
-export { default as Header } from './Header';
-export { default as Sidebar } from './Sidebar';
+import loadable from '@loadable/component';
+
+export const Header = loadable(() => import('./Header'));
+export const Sidebar = loadable(() => import('./Sidebar'));

resources/js/views/__backoffice/users/index.js

@@ -1,3 +1,5 @@
-export { default as List } from './List';
-export { default as Create } from './Create';
-export { default as Edit } from './Edit';
+import loadable from '@loadable/component';
+
+export const List = loadable(() => import('./List'));
+export const Create = loadable(() => import('./Create'));
+export const Edit = loadable(() => import('./Edit'));

resources/js/views/auth/index.js

@@ -1,3 +1,5 @@
+import loadable from '@loadable/component';
+
 export { default as SignIn } from './SignIn';
-export { default as PasswordRequest } from './passwords/Request';
-export { default as PasswordReset } from './passwords/Reset';
+export const PasswordRequest = loadable(() => import('./passwords/Request'));
+export const PasswordReset = loadable(() => import('./passwords/Reset'));

resources/js/views/errors/index.js

@@ -1 +1,3 @@
-export { default as NotFound } from './NotFound';
+import loadable from '@loadable/component';
+
+export const NotFound = loadable(() => import('./NotFound'));

resources/js/views/layouts/index.js

@@ -1,2 +1,4 @@
+import loadable from '@loadable/component';
+
 export { default as Auth } from './Auth';
-export { default as Error } from './Error';
+export const Error = loadable(() => import('./Error'));