SvelteKit：如何通过别名（如 $routes）从组件和端点引用 /routes 文件夹？

接下来是我的（简化的）项目结构：

appname
|
|__src
|  |__lib
|  |__routes
|
|__jsconfig.json

在 jsconfig.js 文件中，我有一个路径键，其别名为 $lib 形式的“./src/lib”文件夹。

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "$lib": ["src/lib"],
            "$lib/*": ["src/lib/*"],
        }
    },
    "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
}

我想以与 $lib 相同的方式使用 $routes 别名访问路由文件夹。 但如果我添加“$routes”：["src/routes"]在上面的 JSON 文件中，sveltekit 无法解析以'$routes/somefile'

Example:

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "$lib": ["src/lib"],
            "$lib/*": ["src/lib/*"],
            "$routes": ["src/routes"],
            "$routes/*": ["src/routes/*"],
        }
    },
    "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
}

端点.js

import { db } from '$routes/db';

我究竟做错了什么？

您还必须告诉捆绑程序将其用于svelte.config.js

kit: {
  vite: {
    resolve: {
      alias: {
        $routes: path.resolve('./src/routes')
      }
    }
  } 
}

也就是说，请记住全部文件在路由文件夹中（以下划线开头的除外）都被视为路由。所以如果你有文件/src/routes/db.js用户可以访问http://yoursite.domain/db.

很少有任何理由从那里导入文件，如果您需要这样做，它可能不是路线或端点，可以安全地放入lib instead

更新 2023 年 1 月 31 日

上面的答案是这样写的before对 SvelteKit 中路线的工作方式进行了重大修改。现在的路由是基于目录的并且只有文件+page.svelte实际上会创建一条路线（所以/src/routes/about/+page.svelte会给你/about路线）。这意味着您可以安全地将其他文件和组件添加到路由文件夹中。