Svelte-Adapter-Bun 项目使用教程

Svelte-Adapter-Bun 项目使用教程

svelte-adapter-bunA SvelteKit adapter for Bun项目地址:https://gitcode.com/gh_mirrors/sv/svelte-adapter-bun

1. 项目的目录结构及介绍

Svelte-Adapter-Bun 项目的目录结构如下：

svelte-adapter-bun/
├── examples/
│   └── e2e/
│       └── src/
├── src/
│   ├── editorconfig
│   ├── eslintignore
│   ├── eslintrc.cjs
│   ├── gitignore
│   ├── prettierignore
│   ├── prettierrc
│   ├── LICENSE
│   ├── README.md
│   ├── build.js
│   ├── bun.lockb
│   ├── index.d.ts
│   ├── index.js
│   ├── package.json
│   ├── sirv.d.ts
│   └── tsconfig.json

目录介绍：

• examples/e2e/: 包含端到端测试的示例代码。
• src/: 包含项目的主要源代码文件。
  • editorconfig, eslintignore, eslintrc.cjs, gitignore, prettierignore, prettierrc: 配置文件，用于代码格式化和风格检查。
  • LICENSE: 项目的许可证文件。
  • README.md: 项目的说明文档。
  • build.js: 构建脚本。
  • bun.lockb: Bun 的锁定文件。
  • index.d.ts, index.js: 项目的入口文件。
  • package.json: 项目的依赖和脚本配置文件。
  • sirv.d.ts: 类型定义文件。
  • tsconfig.json: TypeScript 配置文件。

2. 项目的启动文件介绍

项目的启动文件是 index.js，它位于 src/ 目录下。这个文件是项目的入口点，负责启动和配置服务器。

启动命令：

# 进入构建目录
cd build/

# 运行 Bun
bun run start

3. 项目的配置文件介绍

项目的配置文件主要包括 svelte.config.js 和 tsconfig.json。

svelte.config.js

这个文件用于配置 SvelteKit 和 Bun 适配器。以下是一个示例配置：

import adapter from "svelte-adapter-bun";

export default {
  kit: {
    adapter: adapter({
      out: "build",
      assets: true,
      envPrefix: "MY_CUSTOM_",
      development: true,
      precompress: {
        brotli: true,
        gzip: true,
        files: ["htm", "html"]
      },
      dynamic_origin: true,
      xff_depth: 1
    })
  }
};

tsconfig.json

这个文件用于配置 TypeScript 编译选项。以下是一个示例配置：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "./build"
  },
  "include": ["src"]
}

通过以上配置，可以确保项目在开发和生产环境中都能正确运行。

svelte-adapter-bunA SvelteKit adapter for Bun项目地址:https://gitcode.com/gh_mirrors/sv/svelte-adapter-bun