Revert "Temporarily disable code splitting for major pages"

This reverts commit 364d7c9.

Author: velopert

src/App.tsx

@@ -7,23 +7,25 @@ import Core from './containers/base/Core';
 import RegisterPage from './pages/RegisterPage';
 import { JazzbarProvider } from './lib/jazzbar';
 import PageTemplate from './components/base/PageTemplate';
-// import VelogPageFallback from './containers/velog/VelogPageFallback';
+import VelogPageFallback from './containers/velog/VelogPageFallback';
 import ErrorBoundary from './components/error/ErrorBoundary';
 import NotFoundPage from './pages/NotFoundPage';
 import { Helmet } from 'react-helmet-async';
 import HomePage from './pages/home/HomePage';
 import MainPageTemplate from './components/main/MainPageTemplate';
-import VelogPage from './pages/velog/VelogPage';
-import EmailLoginPage from './pages/EmailLoginPage';
 
 const loadableConfig = {
   fallback: <PageTemplate />,
 };
 
-// const VelogPage = loadable(() => import('./pages/velog/VelogPage'), {
-//   fallback: <VelogPageFallback />,
-// });
+const VelogPage = loadable(() => import('./pages/velog/VelogPage'), {
+  fallback: <VelogPageFallback />,
+});
 
+const EmailLoginPage = loadable(
+  () => import('./pages/EmailLoginPage'),
+  loadableConfig,
+);
 const WritePage = loadable(() => import('./pages/WritePage'));
 const SearchPage = loadable(() => import('./pages/SearchPage'), loadableConfig);
 const SavesPage = loadable(() => import('./pages/SavesPage'), loadableConfig);

src/pages/velog/VelogPage.tsx

@@ -3,13 +3,10 @@ import VelogPageTemplate from '../../components/velog/VelogPageTemplate';
 import { RouteComponentProps, Route, Switch } from 'react-router';
 import loadable from '@loadable/component';
 import useApplyVelogConfig from '../../containers/velog/hooks/useApplyVelogConfig';
-import SeriesPage from './SeriesPage';
-import PostPage from './PostPage';
-import UserPage from './UserPage';
 
-// const PostPage = loadable(() => import('./PostPage'));
-// const UserPage = loadable(() => import('./UserPage'));
-// const SeriesPage = loadable(() => import('./SeriesPage'));
+const PostPage = loadable(() => import('./PostPage'));
+const UserPage = loadable(() => import('./UserPage'));
+const SeriesPage = loadable(() => import('./SeriesPage'));
 
 export interface VelogPageProps
   extends RouteComponentProps<{