Example of Solid plugin for Vite

vite-solid-plugin.js

import { join } from "path";
import { Plugin } from "vite";
import { babel } from "@rollup/plugin-babel";
import { transformFileSync } from "@babel/core";

const presets = ["solid", "@babel/preset-typescript"];

export const solidPlugin: Plugin = {
  rollupInputOptions: {
    plugins: [
      babel({
        presets,
        babelHelpers: "bundled",
        extensions: [".js", ".ts", ".jsx", ".tsx"],
      }),
    ],
  },
  configureServer: ({ root, app }) => {
    app.use(async (ctx, next) => {
      if (/\.(t|j)s(x)?$/.test(ctx.path) && !ctx.path.includes("@modules")) {
        const result = transformFileSync(join(root, ctx.path), {
          presets,
          sourceMaps: true,
        });

        ctx.type = "js";
        ctx.body = result.code;
        ctx.map = result.map;
        return;
      }

      await next();
    });
  },
};

This is what you are looking for: https://github.com/amoutonbrady/vite-plugin-solid