vite-plugin-ts-nameof

Give Vite the ability to resolve nameof calls in TypeScript.

Usage

1. Install as devDependencies

   npm add --save-dev vite-plugin-ts-nameof @typescript-nameof/types @typescript-nameof/common-types
   # or
   pnpm add --save-dev vite-plugin-ts-nameof @typescript-nameof/types @typescript-nameof/common-types
   # or
   yarn add --dev vite-plugin-ts-nameof @typescript-nameof/types @typescript-nameof/common-types

2. Inject vite-plugin-ts-nameof using the vite.config.ts module

   import vue from '@vitejs/plugin-vue';
   import { defineConfig } from 'vite';
   import tsNameof from 'vite-plugin-ts-nameof';
   
   // https://vitejs.dev/config/
   export default defineConfig({
     plugins: [tsNameof(), vue()],
   });

3. Add @typescript-nameof/types/index.d.cts to your tsconfig.json

   {
     // "compilerOptions"
     // "include"
     // ...
     "files": ["./node_modules/@typescript-nameof/types/index.d.cts"],
   }

More Awesome Vite Plugins

Can be found here: Awesome Vite.js