vite-plugin-ts-nameof

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

vite-plugin-ts-nameof

★ 23 Open GitHub ↗

Give Vite the ability to resolve 'nameof' calls in TypeScript

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">vite-plugin-ts-nameof</h1>

<p align="center">
  Give <a href="https://github.com/vitejs/vite" target="_blank">Vite</a> the ability to resolve <a href="https://github.com/typescript-nameof/nameof" target="_blank">nameof</a> calls in TypeScript.
</p>

## Usage

1. Install as `devDependencies`

```bash
   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

```ts
   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`

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

## More Awesome Vite Plugins

Can be found here: [Awesome Vite.js](https://github.com/vitejs/awesome-vite#readme)

vite-plugin-ts-nameof

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README