diff --git a/src/App.tsx b/src/App.tsx
index 0d44442..278c0fa 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -21,7 +21,7 @@ export default function MiniDrawer() {
   const { active, dialogOpen, activeApp } = useGlobaltore((state) => state);
   const Component = React.useMemo(() => {
     if (!activeApp) return null;
-    return React.lazy(() => import(`./components/Pages/${activeApp}`));
+    return React.lazy(() => import(`@/components/Pages/${activeApp}`));
   }, [activeApp]);
   return (
     <Paper
diff --git a/src/components/GlobalPanel/index.tsx b/src/components/GlobalPanel/index.tsx
index 3a6b59b..1a794f5 100644
--- a/src/components/GlobalPanel/index.tsx
+++ b/src/components/GlobalPanel/index.tsx
@@ -2,7 +2,7 @@ import { Box, BoxProps, styled } from "@mui/material";
 import { useSpring, animated } from "@react-spring/web";
 import React, { memo } from "react";
 
-import { useGlobaltore } from "../../store/global";
+import { useGlobaltore } from "@/store/global";
 
 interface IProps extends BoxProps {
   delay?: number;
diff --git a/tsconfig.json b/tsconfig.json
index e8000dc..094cf56 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,7 +15,11 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "@@/*": ["./src/.vit/*"]
+    }
   },
   "include": ["src", "./.eslintrc.cjs"],
   "references": [
diff --git a/vite.config.ts b/vite.config.ts
index 5aa7a5f..1817708 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,11 @@ import react from "@vitejs/plugin-react-swc";
 export default defineConfig({
   base: "/mui-pad-hmi/",
   plugins: [react()],
+  resolve: {
+    alias: {
+      "@": "/src",
+    },
+  },
   optimizeDeps: {
     include: ["react/jsx-runtime"],
   },