feat: Add @ alias to ./src

Author: frostime

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;

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";

tsconfig.json

@@ -35,7 +35,12 @@
             "node",
             "vite/client",
             "svelte"
-        ]
+        ],
+        "baseUrl": "./src",
+        "paths": {
+            "@/*": ["*"],
+            "@/libs/*": ["libs/*"],
+        }
     },
     "include": [
         "tools/**/*.ts",

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(),