unplugin-solid-directive

Auto inject solid directives

quick start

Install it:

npm i unplugin-solid-directive
# or
yarn add unplugin-solid-directive
# or
pnpm add unplugin-solid-directive

Vite

// vite.config.ts
import Directive from 'unplugin-solid-directive/vite'

export default defineConfig({
  plugins: [
    Directive({ /* options */ }),
  ],
})

Rollup

// rollup.config.js
import Directive from 'unplugin-solid-directive/rollup'

export default {
  plugins: [
    Directive({ /* options */ }),
    // other plugins
  ],
}

Webpack

// webpack.config.js
module.exports = {
  /* ... */
  plugins: [
    require('unplugin-solid-directive/webpack')({ /* options */ }),
  ],
}

esbuild

// esbuild.config.js
import { build } from 'esbuild'

build({
  /* ... */
  plugins: [require('unplugin-solid-directive/esbuild')()],
})

Rspack

// rspack.config.js
module.exports = {
  /* ... */
  plugins: [
    require('unplugin-solid-directive/rspack')({ /* options */ }),
  ],
}

options

the option descriptions are well-documented in jsdoc

or see in type.ts

example

dev/

more powerful

unplugin-auto-import