快速开始
环境要求
- Node.js
^20.19.0或>=22.12.0 - Svelte 5、SvelteKit 2(
2.65.1及以上)或 SvelteKit 3,以及 Vite 8 - 推荐 pnpm 10;创建命令同时支持 npm、Yarn 和 Bun
创建一个项目
根据您所使用的包管理工具选择运行以下命令:
npm create @sveltepress@latest sh
pnpm 优先
仓库与生成模板均使用 pnpm 10 验证。
添加到一个已经存在的 Sveltekit 项目
安装 Vite 插件
npm install --save @sveltepress/vite sh
在 vite.config.(js|ts) 中替换 sveltekit 插件
vite.config.(js|ts)
-
+
-
+
import { } from '@sveltejs/kit/vite'
import { } from '@sveltepress/vite'
import { } from 'vite'
const = ({
: [
(),
(),
],
})
export default ts
请移除原来的
sveltekit() 插件sveltepress() 已经为你配置好了 SvelteKit。如果在 plugins 中同时保留 sveltekit() 和 sveltepress(),每个 Svelte 文件都会被编译两次,导致开发服务器崩溃并报错 Expected token }。
通过 sveltepress() 传入 SvelteKit 配置
支持 SvelteKit 3
SvelteKit 3 不再读取 svelte.config.js,并且只要该文件存在就会拒绝启动。请将其中的配置(包括原来 kit 下的所有选项)移动到 sveltepress({ svelteKitOptions }) 中,然后删除 svelte.config.js。Sveltepress 会自动帮你加上 '.md' 扩展名。
vite.config.ts
import from '@sveltejs/adapter-static'
import { } from '@sveltejs/vite-plugin-svelte'
import { } from '@sveltepress/vite'
import { } from 'vite'
export default ({
: [
({
: {
: [()],
: ({
: 'dist',
}),
},
}),
],
}) ts
仍在使用 SvelteKit 2?
SvelteKit 2 同样支持 svelteKitOptions。你也可以继续保留 svelte.config.js,并在其 extensions 中添加 '.md':
svelte.config.js
-
+
import from '@sveltejs/adapter-static'
import { } from '@sveltejs/vite-plugin-svelte'
/**
* @type {import('@sveltejs/kit').Config}
*/
const = {
: ['.svelte'],
: ['.svelte', '.md'], // add .md here
: [()],
: {
: ({
: 'dist',
}),
},
}
export default ts
升级到 SvelteKit 3
- 将
@sveltejs/kit升级到^3.0.0,并将 adapter 升级到其支持 SvelteKit 3 的版本,例如@sveltejs/adapter-static^4.0.0。SvelteKit 3 需要 Node.js>=22.17。 - 运行
npx sv migrate sveltekit-3迁移你自己的代码,例如$app/stores、$app/paths中的base以及$lib导入。 - 确保 SvelteKit 配置位于
sveltepress({ svelteKitOptions })中(见上文)。迁移工具会把svelte.config.js移到 Vite 配置中的sveltekit(...)调用里:请把该对象移到svelteKitOptions中,并移除sveltekit(...)插件。
Sveltepress 本身无需其他改动。请注意: