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