More framework or build tool integration examples

[zce]

e.g.

• Vite
• Remix

[jianyuan]

I have adapted the Webpack example for Vite: https://github.com/jianyuan/learnkit/blob/d056ffea583643af0c3fa8181ee9243c81425bc5/vite.config.ts#L4-L16

[matheusmazeto]

Remix

vite.config.ts

import { vitePlugin as remix } from '@remix-run/dev'
import { defineConfig } from 'vite'
import tsconfigPaths from 'vite-tsconfig-paths'

async function startVelite(isDev: boolean, isBuild: boolean) {
  if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
    process.env.VELITE_STARTED = '1'
    const { build } = await import('velite')
    await build({ watch: isDev, clean: !isDev })
  }
}

export default defineConfig(async ({ command, mode }) => {
  const isDev = mode === 'development'
  const isBuild = command === 'build'

  await startVelite(isDev, isBuild)

  return {
    plugins: [
      remix({
        future: {
          v3_fetcherPersist: true,
          v3_relativeSplatPath: true,
          v3_throwAbortReason: true,
        },
      }),
      tsconfigPaths(),
    ],
  }
})