@aphrody/bun-plugin-svelte

官员 丝绒 用于 阿宝。 。 。 .

安装

$ bun add -D @aphrody/bun-plugin-svelte

Dev 服务器使用

@aphrody/bun-plugin-svelte 与 Bun 组合 Fullstack Dev 服务器,给你 HMR在开发您的 Svelte 应用程序时.

从注册开始 bunfig.toml 页面存档备份,存于互联网档案馆数字 :

[serve.static]
plugins = ["@aphrody/bun-plugin-svelte"]

然后启动您的 Dev 服务器 :

$ bun index.html

见 实例 一个完整的例子.

Bundler 用户

@aphrody/bun-plugin-svelte 让您用 Bun.build。 。 。 .

// build.ts
// to use: bun run build.ts
import { SveltePlugin } from "@aphrody/bun-plugin-svelte"; // NOTE: not published to npm yet

Bun.build({
  entrypoints: ["src/index.ts"],
  outdir: "dist",
  target: "browser",
  sourcemap: true, // sourcemaps not yet supported
  plugins: [
    SveltePlugin({
      development: true, // turn off for prod builds. Defaults to false
    }),
  ],
});

服务器系统使用

@aphrody/bun-plugin-svelte 尚不支持服务器端的导入(例如用于SSR). 不久后将增加这一点.

未获得支持

近期将增加对这些特征的支持

• 服务器端进口/移交
• 原始地图
• CSS 扩展( 如尾风) 入 <style> 块
• TypeScript特定特性(如enums和取名空间). 如果你在用的话 TypeScript 5.8 考虑启用 --erasableSyntaxOnly