close
  • 简体中文

      • Svelte

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

      创建 Svelte 应用

      使用 create-rsbuild 创建基于 Rsbuild 的 Svelte 应用：

      npm
      yarn
      pnpm
      bun
      npm create rsbuild@latest

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

      在已有项目中使用 Svelte

      要编译 Svelte 组件（.svelte 文件），需注册 Rsbuild 的 Svelte 插件，插件会自动添加 Svelte 构建所需的配置。

      例如，在 Rsbuild 配置中注册：

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

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