使用 bun create 使用 svelte 包构建你的应用。回答提示以选择模板并设置你的开发环境。
bun create svelte@latest my-app┌ Welcome to SvelteKit!
│
◇ Which Svelte app template?
│ SvelteKit demo app
│
◇ Add type checking with TypeScript?
│ Yes, using TypeScript syntax
│
◇ Select additional options (use arrow keys/space bar)
│ None
│
└ Your project is ready!
✔ Typescript
Inside Svelte components, use <script lang="ts">
Install community-maintained integrations:
https://github.com/svelte-add/svelte-add项目初始化后，cd 进入新项目并安装依赖项。
cd my-appbun install然后使用 bun --bun run dev 启动开发服务器。
要使用 Node.js 而不是 Bun 运行开发服务器，你可以省略 --bun 标志。
bun --bun run dev $ vite dev
Forced re-optimization of dependencies
VITE v4.4.9 ready in 895 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help在浏览器中访问 http://localhost:5173 以查看模板应用。
如果你编辑并保存 src/routes/+page.svelte，你应该会看到你的更改在浏览器中热重载。
要构建生产环境，你需要添加正确的 SvelteKit 适配器。我们目前推荐
bun add -D svelte-adapter-bun.
现在，对你的 svelte.config.js 做以下更改。
import adapter from "@sveltejs/adapter-auto";
import adapter from "svelte-adapter-bun";
import { vitePreprocess } from "@sveltejs/kit/vite";
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
adapter: adapter(),
},
preprocess: vitePreprocess(),
};
export default config;构建生产包
bun run build $ vite build
vite v4.4.9 building SSR bundle for production...
transforming (60) node_modules/@sveltejs/kit/src/utils/escape.js
✓ 98 modules transformed.
Generated an empty chunk: "entries/endpoints/waitlist/_server.ts".
vite v4.4.9 building for production...
✓ 92 modules transformed.
Generated an empty chunk: "7".
.svelte-kit/output/client/_app/version.json 0.03 kB │ gzip: 0.05 kB
...
.svelte-kit/output/server/index.js 86.47 kB
Run npm run preview to preview your production build locally.
Using svelte-adapter-bun ✔ Start server with: bun ./build/index.js
✔ done
✓ built in 7.81s