diff --git a/src/hello.svelte b/src/hello.svelte
index 40d97b7..9094eb3 100644
--- a/src/hello.svelte
+++ b/src/hello.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
     import { onDestroy, onMount } from "svelte";
-    import { version } from "./api";
+    import { version } from "@/api";
     import { showMessage } from "siyuan";
-    import Typo from "./libs/b3-typography.svelte";
+    import Typo from "@/libs/b3-typography.svelte";
 
     export let name: string;
     export let i18n: any;
diff --git a/src/index.ts b/src/index.ts
index 8947cf8..d32c37f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -10,10 +10,10 @@ import {
     getBackend,
     IModel
 } from "siyuan";
-import "./index.scss";
+import "@/index.scss";
 
-import HelloExample from "./hello.svelte";
-import SettingPannel from "./libs/setting-panel.svelte";
+import HelloExample from "@/hello.svelte";
+import SettingPannel from "@/libs/setting-panel.svelte";
 
 const STORAGE_NAME = "menu-config";
 const TAB_TYPE = "custom_tab";
diff --git a/tsconfig.json b/tsconfig.json
index 21cb9cb..1712b7a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -35,7 +35,12 @@
             "node",
             "vite/client",
             "svelte"
-        ]
+        ],
+        "baseUrl": "./src",
+        "paths": {
+            "@/*": ["*"],
+            "@/libs/*": ["libs/*"],
+        }
     },
     "include": [
         "tools/**/*.ts",
diff --git a/vite.config.ts b/vite.config.ts
index 9e9f127..2af9f2f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -16,6 +16,12 @@ console.log("isWatch=>", isWatch)
 console.log("distDir=>", distDir)
 
 export default defineConfig({
+    resolve: {
+        alias: {
+            "@": resolve(__dirname, "src"),
+        }
+    },
+
     plugins: [
         svelte(),