pref: 代码打包优化

src/components/Loading/PageLoader.js

@@ -0,0 +1,33 @@
+// src/components/Loading/PageLoader.js
+import React from 'react';
+import { Box, Spinner, Text, VStack } from '@chakra-ui/react';
+
+/**
+ * 页面加载组件 - 用于路由懒加载的 fallback
+ * 优雅的加载动画，提升用户体验
+ */
+export default function PageLoader({ message = '加载中...' }) {
+  return (
+    <Box
+      minH="100vh"
+      display="flex"
+      alignItems="center"
+      justifyContent="center"
+      bg="gray.50"
+      _dark={{ bg: 'gray.900' }}
+    >
+      <VStack spacing={4}>
+        <Spinner
+          thickness="4px"
+          speed="0.65s"
+          emptyColor="gray.200"
+          color="blue.500"
+          size="xl"
+        />
+        <Text fontSize="md" color="gray.600" _dark={{ color: 'gray.400' }}>
+          {message}
+        </Text>
+      </VStack>
+    </Box>
+  );
+}