Skip to content

Applies the TypeScript compiler during vite's transform build phase.

License

Notifications You must be signed in to change notification settings

herberttn/vite-plugin-typescript-transform

Repository files navigation

vite-plugin-typescript-transform

ci npm license

Applies the typescript compiler during vite transform build phase.

Install

npm install --save-dev vite-plugin-typescript-transform

Options

See the Options interface.

Transform ECMAScript decorators

As of now, vite uses esbuild to transpile typescript, which doesn't yet support the new ECMAScript decorators.
But typescript added support for them in v5.

This example transpiles the new ECMAScript decorators into code that is usable in runtimes that do not yet support it.

import { vitePluginTypescriptTransform } from 'vite-plugin-typescript-transform';
import { defineConfig } from 'vitest/config';

export default defineConfig({
  // ...your vite configuration
  plugins: [
    vitePluginTypescriptTransform({
      enfore: 'pre',
      filter: {
        files: {
          include: /\.ts$/,
        },
      },
      tsconfig: {
        override: {
          target: 'ES2021',
        },
      },
    }),
  ],
});