How to build a vite plugin using vite?

[ianzone]

Tried multiple times but failed to build and bundle the plugin code using vite.

[s3xysteak]

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    {
      name: 'my-plugin',
      transform() {
        // ...
      },
      // And more API hooks ...
    }
  ],
})

This is what actually happened when you use a plugin, it is just a object with specific attributes.

As a convention, a published plugin usually is a function with return a plugin object.

More api refer to: https://vitejs.dev/guide/api-plugin.html