SvelteKit • Reference
$app/paths
import {
function asset(file: Asset): stringResolve the URL of an asset in your static directory, by prefixing it with config.kit.paths.assets if configured, or otherwise by prefixing it with the base path.
During server rendering, the base path is relative and depends on the page currently being rendered.
function asset(file: Asset): stringResolve the URL of an asset in your static directory, by prefixing it with config.kit.paths.assets if configured, or otherwise by prefixing it with the base path.
During server rendering, the base path is relative and depends on the page currently being rendered.
asset,
let assets: "" | `https://${string}` | `http://${string}` | "/_svelte_kit_assets"An absolute path that matches config.kit.paths.assets.
[!NOTE] If a value for config.kit.paths.assets is specified, it will be replaced with '/_svelte_kit_assets' during vite dev or vite preview, since the assets don't yet live at their eventual URL.
let assets: "" | `https://${string}` | `http://${string}` | "/_svelte_kit_assets"An absolute path that matches config.kit.paths.assets.
[!NOTE] If a value for config.kit.paths.assets is specified, it will be replaced with '/_svelte_kit_assets' during vite dev or vite preview, since the assets don't yet live at their eventual URL.
assets,
let base: "" | `/${string}`A string that matches config.kit.paths.base.
Example usage: <a href="{base}/your-page">Link</a>
let base: "" | `/${string}`A string that matches config.kit.paths.base.
Example usage: <a href="{base}/your-page">Link</a>
base,
function match(url: Pathname | URL | (string & {})): Promise<{
id: RouteId;
params: Record<string, string>;
} | null>
Match a path or URL to a route ID and extracts any parameters.
function match(url: Pathname | URL | (string & {})): Promise<{
id: RouteId;
params: Record<string, string>;
} | null>
Match a path or URL to a route ID and extracts any parameters.
match,
function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathnameResolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathnameResolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
resolve,
function resolveRoute<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathnamefunction resolveRoute<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathnameresolveRoute
} from '$app/paths';base
Use
resolve(...)instead
A string that matches config.kit.paths.base.
Example usage: <a href="{base}/your-page">Link</a>
export let let base: "" | `/${string}`let base: "" | `/${string}`base: '' | `/${string}`;assets
Use
asset(...)instead
An absolute path that matches config.kit.paths.assets.
If a value for
config.kit.paths.assetsis specified, it will be replaced with'/_svelte_kit_assets'duringvite devorvite preview, since the assets don't yet live at their eventual URL.
export let let assets: "" | `https://${string}` | `http://${string}` | "/_svelte_kit_assets"let assets: "" | `https://${string}` | `http://${string}` | "/_svelte_kit_assets"assets: '' | `https://${string}` | `http://${string}` | '/_svelte_kit_assets';resolveRoute
Use
resolve(...)instead
export function resolveRoute<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(
...args: ResolveArgs<T>
): ResolvedPathname;asset
Available since 2.26
Resolve the URL of an asset in your static directory, by prefixing it with config.kit.paths.assets if configured, or otherwise by prefixing it with the base path.
During server rendering, the base path is relative and depends on the page currently being rendered.
export function asset(file: Asset): string;resolve
Available since 2.26
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
export function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathname;match
Available since 2.52.0
Match a path or URL to a route ID and extracts any parameters.
export function match(url: Pathname | URL | (string & {})): Promise<{
id: RouteId;
params: Record<string, string>;
} | null>;