bun-plugin-svelte

bun-plugin-svelte.js

import { plugin } from "bun";
import { compile } from "svelte/compiler";

plugin({
  name: "svelte-loader",
  setup(build) {
    const emittedCSS = {};

    build.module('svelte-plugin', async () => {
      return {
        exports: { 
          css: Object.values(emittedCSS).join("\n")
        },
        loader: 'object',
      };
    })

    // when a .svelte file is imported...
    build.onLoad({ filter: /\.svelte$/ }, async ({ path }) => {

      // read and compile it with the Svelte compiler
      const file = await Bun.file(path).text();
      const result = compile(file, {
        filename: path,
        generate: "ssr",
      })

      emittedCSS[path] = result.css?.code || "";

      // and return the compiled source code as "js"
      return {
        contents: result.js.code,
        loader: "js",
      };
    });

  },
});