react-directives-plugin

react-directives-plugin is a vite plugin that allows you to add directives on top of files matched by patterns you provide. Do not forget to add a "use server", "use client" or "use strict" directive to the top of your file ever again!

Installation

npm install -D react-directives-plugin

Usage

import { reactDirectives } from "react-directives-plugin";

export default defineConfig({
  plugins: [
    reactDirectives({
      // Adds a "use server" directive to all files that end with .server.ts
      "use server": ["**/*.server.ts"],
      // Adds a "use client" directive to all files that end with .client.ts
      "use client": ["**/*.client.ts"],
      // Adds a "use strict" directive to all files that end with .strict.ts
      "use strict": ["**/*.strict.ts"],
    })
  ],
});

Config options

| Option | Type | Description | |--------|------|-------------| | use server | string[] | An array of glob patterns to match files to add the "use server" directive. | | use client | string[] | An array of glob patterns to match files to add the "use client" directive. | | use strict | string[] | An array of glob patterns to match files to add the "use strict" directive. |