@culur/config-vite NPM

`@culur/config-vite`

Sharing Vite/Vitest configurations.

✨ Features

The library is a shareable vite/vitest configuration. It has some key features as follows:

Include vite-tsconfig-paths plugin by default.
Include vitest config by default (with typecheck, coverage).
Customizable for more complex applications.

💿 Installation

Add @culur/config-vite dependency to your project.

# Using npm
npm install @culur/config-vite --save-dev

# Using pnpm
pnpm install @culur/config-vite --dev

# Using yarn
yarn add @culur/config-vite --dev

Other packages:

For vite usage, you need to install vite package in devDependencies.
For vitest usage, you need to install vitest, @vitest/ui, @vitest/coverage-v8 packages in devDependencies.
For typecheck:
- Use tsc (from typescript package)
- Use vue-tsc (from vue-tsc package).

📖 Usage

1. Use default config

In vite.config.mts:

import { vite } from '@culur/config-vite';

export default vite;

In vitest.config.mts:

import { vitest } from '@culur/config-vite';

export default vitest;

2. Use custom config

In vite.config.ts or vitest.config.mts:

import { defineConfig } from '@culur/config-vite';

export default defineConfig({
  test: true, // or false
  // other configs...
});

📜 Scripts

Some commonly used scripts in package.json.

{
  "scripts": {
    "test": "vitest run",
    "test-tsc": "tsc --noEmit && vitest run",
    "test-vue-tsc": "vue-tsc --noEmit && vitest run",
    "test-ui": "vitest --ui"
  }
}