@z-code/vite-plugin-swc

Transform your TypeScript / JavaScript source files with SWC within your Vite build process.

Thanks

This Project is a fork of vite-plugin-swc-transform and thanks a lot for your grate work Timothée “Tim” Pillard

Install

1yarn add @z-code/vite-plugin-swc --dev

or

1npm i @z-code/vite-plugin-swc --save-dev

Usage

vite.config.ts:

1import { defineConfig } from "vite"
2import swc from "@z-code/vite-plugin-swc"
3
4export default defineConfig({
5  plugins: [swc()],
6})

The plugin will default to the following options:

Note: This options support Top Level Await, Stage 3 Decorators in Vanilla TypeScript

1 {
2    include: /\.ts?$/,
3    exclude: "node_modules",
4    swcrc: false,
5    configFile: false,
6    minify: true,
7    jsc: {
8      parser: {
9        syntax: "typescript",
10        decorators: true,
11      },
12      transform: {
13        decoratorMetadata: true,
14        decoratorVersion: "2022-03",
15      },
16    },
17}

If you want to use .swcrc file:

1import { defineConfig } from "vite"
2import swc from "@z-code/vite-plugin-swc"
3
4export default defineConfig({
5  plugins: [
6    swc({
7      include: /\.ts?$/,
8      swcrc: true,
9      configFile: true,
10    }),
11  ],
12})

Example .swcrc:

1{
2  "$schema": "https://json.schemastore.org/swcrc",
3  "exclude": "node_modules",
4  "minify": true,
5  "jsc": {
6    "parser": {
7      "syntax": "typescript",
8      "decorators": true
9    },
10    "transform": {
11      "decoratorMetadata": true,
12      "decoratorVersion": "2022-03"
13    }
14  }
15}