From f33ebf4286a3bbdcece3fadecd7f3ad470a7b20f Mon Sep 17 00:00:00 2001 From: Heinrichs <Heinrichs@itc.rwth-aachen.de> Date: Mon, 14 Feb 2022 16:05:00 +0100 Subject: [PATCH] Proposal: Lazy routing --- index.html | 2 +- src/modules/admin/routes.ts | 4 ++-- src/modules/error/routes.ts | 4 ++-- src/modules/login/routes.ts | 6 +++--- src/modules/pid/routes.ts | 4 ++-- src/modules/project/routes.ts | 12 ++++++------ src/modules/resource/routes.ts | 8 ++++---- src/modules/search/routes.ts | 4 ++-- src/modules/userprofile/routes.ts | 4 ++-- vite.config.js | 3 --- 10 files changed, 24 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 4f8c41fa..eb393efc 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,6 @@ <strong>We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"></div> - <script type="module" src="./src/main.ts"></script> + <script type="module" src="/src/main.ts"></script> </body> </html> diff --git a/src/modules/admin/routes.ts b/src/modules/admin/routes.ts index cfb93ea2..d7daad1b 100644 --- a/src/modules/admin/routes.ts +++ b/src/modules/admin/routes.ts @@ -1,7 +1,7 @@ import { RouteConfig } from "vue-router"; -import AdminModule from "./AdminModule.vue"; -import Admin from "./pages/Admin.vue"; +const AdminModule = () => import("./AdminModule.vue"); +const Admin = () => import("./pages/Admin.vue"); export const AdminRoutes: RouteConfig[] = [ { diff --git a/src/modules/error/routes.ts b/src/modules/error/routes.ts index d9add3fc..68ef1658 100644 --- a/src/modules/error/routes.ts +++ b/src/modules/error/routes.ts @@ -1,7 +1,7 @@ import { RouteConfig } from "vue-router"; -import ErrorModule from "./ErrorModule.vue"; -import NotFound from "./pages/NotFound.vue"; +const ErrorModule = () => import("./ErrorModule.vue"); +const NotFound = () => import("./pages/NotFound.vue"); export const ErrorRoutes: RouteConfig[] = [ // Not Found (404) Page diff --git a/src/modules/login/routes.ts b/src/modules/login/routes.ts index e39ba534..c032af68 100644 --- a/src/modules/login/routes.ts +++ b/src/modules/login/routes.ts @@ -1,8 +1,8 @@ import { RouteConfig } from "vue-router"; -import LoginModule from "./LoginModule.vue"; -import Home from "./pages/Home.vue"; -import Login from "./pages/Login.vue"; +const LoginModule = () => import("./LoginModule.vue"); +const Home = () => import("./pages/Home.vue"); +const Login = () => import("./pages/Login.vue"); export const LoginRoutes: RouteConfig[] = [ { diff --git a/src/modules/pid/routes.ts b/src/modules/pid/routes.ts index b63a1f09..02c85efb 100644 --- a/src/modules/pid/routes.ts +++ b/src/modules/pid/routes.ts @@ -1,7 +1,7 @@ import { RouteConfig } from "vue-router"; -import PidModule from "./PidModule.vue"; -import Pid from "./pages/Pid.vue"; +const PidModule = () => import("./PidModule.vue"); +const Pid = () => import("./pages/Pid.vue"); export const PidRoutes: RouteConfig[] = [ { diff --git a/src/modules/project/routes.ts b/src/modules/project/routes.ts index 713d1aed..b460febb 100644 --- a/src/modules/project/routes.ts +++ b/src/modules/project/routes.ts @@ -1,11 +1,11 @@ import { RouteConfig } from "vue-router"; -import CreateProject from "./pages/CreateProject.vue"; -import ProjectModule from "./ProjectModule.vue"; -import ProjectPage from "./pages/ProjectPage.vue"; -import Quota from "./pages/Quota.vue"; -import Members from "./pages/Members.vue"; -import Settings from "./pages/Settings.vue"; +const CreateProject = () => import("./pages/CreateProject.vue"); +const ProjectModule = () => import("./ProjectModule.vue"); +const ProjectPage = () => import("./pages/ProjectPage.vue"); +const Quota = () => import("./pages/Quota.vue"); +const Members = () => import("./pages/Members.vue"); +const Settings = () => import("./pages/Settings.vue"); import { ResourceRoutes } from "@/modules/resource/routes"; diff --git a/src/modules/resource/routes.ts b/src/modules/resource/routes.ts index 3de364d7..87899fed 100644 --- a/src/modules/resource/routes.ts +++ b/src/modules/resource/routes.ts @@ -1,9 +1,9 @@ import { RouteConfig } from "vue-router"; -import CreateResource from "./pages/CreateResource.vue"; -import ResourceModule from "./ResourceModule.vue"; -import ResourcePage from "./pages/ResourcePage.vue"; -import Settings from "./pages/Settings.vue"; +const CreateResource = () => import("./pages/CreateResource.vue"); +const ResourceModule = () => import("./ResourceModule.vue"); +const ResourcePage = () => import("./pages/ResourcePage.vue"); +const Settings = () => import("./pages/Settings.vue"); export const ResourceRoutes: RouteConfig[] = [ { diff --git a/src/modules/search/routes.ts b/src/modules/search/routes.ts index 16487fdb..37cea068 100644 --- a/src/modules/search/routes.ts +++ b/src/modules/search/routes.ts @@ -1,7 +1,7 @@ import { RouteConfig } from "vue-router"; -import SearchModule from "./SearchModule.vue"; -import Search from "./pages/Search.vue"; +const SearchModule = () => import("./SearchModule.vue"); +const Search = () => import("./pages/Search.vue"); export const SearchRoutes: RouteConfig[] = [ { diff --git a/src/modules/userprofile/routes.ts b/src/modules/userprofile/routes.ts index 12ab534e..f9ff664e 100644 --- a/src/modules/userprofile/routes.ts +++ b/src/modules/userprofile/routes.ts @@ -1,7 +1,7 @@ import { RouteConfig } from "vue-router"; -import UserProfileModule from "./UserProfileModule.vue"; -import UserProfile from "./pages/UserProfile.vue"; +const UserProfileModule = () => import("./UserProfileModule.vue"); +const UserProfile = () => import("./pages/UserProfile.vue"); export const UserProfileRoutes: RouteConfig[] = [ { diff --git a/vite.config.js b/vite.config.js index 7ddffeb1..06e7c368 100644 --- a/vite.config.js +++ b/vite.config.js @@ -26,7 +26,6 @@ const config = defineConfig({ ], server: { - base: './', hmr: { clientPort: 443, // Remove when final deploying it @@ -35,8 +34,6 @@ const config = defineConfig({ host: true, port: 9234, }, - - base: './', }); -- GitLab