> For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt.

# Svelte

本文介绍如何基于 Rsbuild 构建 Svelte 应用。

## 创建 Svelte 应用

使用 [create-rsbuild](/zh/guide/start/quick-start.md#create-an-rsbuild-application) 创建基于 Rsbuild 的 Svelte 应用：


```sh [npm]
npm create rsbuild@latest
```

```sh [yarn]
yarn create rsbuild
```

```sh [pnpm]
pnpm create rsbuild@latest
```

```sh [bun]
bun create rsbuild@latest
```

然后在 `Select framework` 时选择 `Svelte` 即可。

## 在已有项目中使用 Svelte

要编译 Svelte 组件（`.svelte` 文件），需注册 Rsbuild 的 [Svelte 插件](/zh/plugins/list/plugin-svelte.md)，插件会自动添加 Svelte 构建所需的配置。

例如，在 Rsbuild 配置中注册：

```ts title="rsbuild.config.ts"
import { defineConfig } from '@rsbuild/core';
import { pluginSvelte } from '@rsbuild/plugin-svelte';

export default defineConfig({
  plugins: [pluginSvelte()],
});
```