From 3cdfc0d11e856bc6cb00b04890af78941fd1ec77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=81=8C=E7=B3=96=E5=8C=85=E5=AD=90?=
 <colorfulsweet@icloud.com>
Date: Sun, 15 Jan 2023 18:04:49 +0800
Subject: [PATCH] webpackChunkName

---
 src/router.ts | 31 ++++++++++---------------------
 1 file changed, 10 insertions(+), 21 deletions(-)

diff --git a/src/router.ts b/src/router.ts
index 53881c0..f1929a9 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -3,33 +3,22 @@ import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import Login from '@/views/Login.vue'
 import Home from '@/views/Home.vue'
 import Welcome from '@/views/Welcome.vue'
-import SystemUser from '@/views/system/SystemUser.vue'
-import SystemRole from '@/views/system/SystemRole.vue'
-import SystemConfig from '@/views/system/SystemConfig.vue'
-import Article from '@/views/system/Article.vue'
-import Statistics from '@/views/system/Statistics.vue'
-
-import Music from '@/views/api/Music.vue'
-import Hitokoto from '@/views/api/Hitokoto.vue'
-import PhotoWall from '@/views/api/PhotoWall.vue'
-import SourceImage from '@/views/api/SourceImage.vue'
-import SqlReplace from '@/views/tool/SqlReplace.vue'
 
 const routes: Array<RouteRecordRaw> = [
   { path: '/login', name: 'Login', component: Login },
   { path: '/', name: 'Home', component: Home, children: [
     { path: '/', name: 'Welcome', component: Welcome },
-    { path: '/system/user', name: 'SystemUser', component: SystemUser },
-    { path: '/system/role', name: 'SystemRole', component: SystemRole },
-    { path: '/system/config', name: 'SystemConfig', component: SystemConfig },
-    { path: '/system/article', name: 'Article', component: Article },
-    { path: '/system/statistics', name: 'Statistics', component: Statistics },
+    { path: '/system/user', name: 'SystemUser', component: () => import( /* webpackChunkName: "system" */ '@/views/system/SystemUser.vue') },
+    { path: '/system/role', name: 'SystemRole', component: () => import( /* webpackChunkName: "system" */ '@/views/system/SystemRole.vue') },
+    { path: '/system/config', name: 'SystemConfig', component: () => import( /* webpackChunkName: "system" */ '@/views/system/SystemConfig.vue') },
+    { path: '/system/article', name: 'Article', component: () => import( /* webpackChunkName: "system" */ '@/views/system/Article.vue') },
+    { path: '/system/statistics', name: 'Statistics', component: () => import( /* webpackChunkName: "system" */ '@/views/system/Statistics.vue') },
 
-    { path: '/api/music', name: 'Music', component: Music },
-    { path: '/api/hitokoto', name: 'Hitokoto', component: Hitokoto },
-    { path: '/api/photoWall', name: 'PhotoWall', component: PhotoWall },
-    { path: '/api/sourceImage', name: 'SourceImage', component: SourceImage },
-    { path: '/tool/sqlReplace', name: 'SqlReplace', component: SqlReplace },
+    { path: '/api/music', name: 'Music', component: () => import( /* webpackChunkName: "api" */ '@/views/api/Music.vue') },
+    { path: '/api/hitokoto', name: 'Hitokoto', component: () => import( /* webpackChunkName: "api" */ '@/views/api/Hitokoto.vue') },
+    { path: '/api/photoWall', name: 'PhotoWall', component: () => import( /* webpackChunkName: "api" */ '@/views/api/PhotoWall.vue') },
+    { path: '/api/sourceImage', name: 'SourceImage', component: () => import( /* webpackChunkName: "api" */ '@/views/api/SourceImage.vue') },
+    { path: '/tool/sqlReplace', name: 'SqlReplace', component: () => import( /* webpackChunkName: "api" */ '@/views/tool/SqlReplace.vue') },
   ]}
 ]