> ## Documentation Index > Fetch the complete documentation index at: https://docs.iotools.cloud/llms.txt > Use this file to discover all available pages before exploring further. # Vite Config Generator > Generate a vite.config.ts/js file from a framework preset (Vanilla, React, React SWC, Vue, Svelte, Solid), optional plugins (SVGR, tsconfig-paths, PWA, compression, bundle visualizer), a path alias builder, a dev-server proxy rule editor, and build options — download or copy, ready to drop in. [Try Vite Config Generator in your browser →](https://iotools.cloud/tool/vite-config-generator/) ## OpenAPI ````yaml https://api.iotools.cloud/v1/openapi post /v1/tool/vite-config-generator openapi: 3.1.0 info: title: iotools.cloud API version: 1.0.0 description: >- Run any iotools.cloud tool over HTTP. Authenticate with `Authorization: Bearer iot_live_…`. **Only `POST /v1/tool/{slug}` costs credits.** Every GET here — the catalog, a tool's schema, your balance — is free. A tool call is charged its own weight or your plan's per-call minimum, whichever is larger; `x-iotools-credit-cost` on each operation is quoted at the free-tier minimum, and `GET /v1/tools/list` returns the exact figure for your key. `GET /v1/me/credits` reports what you have left, and `GET /v1/me/usage` reports what it went on. Failures are RFC 9457 problem documents — branch on `code`. servers: - url: https://api.iotools.cloud description: Production security: - bearerAuth: [] tags: - name: Catalog description: Find a tool and read its contract. Free. - name: Converters description: >- Convert between formats, encodings, and units — Base64, CSV and JSON, timestamps, and more. Fast, free, and processed right in your browser. - name: Formatters description: >- Format, beautify, minify, and validate code and data — JSON, HTML, CSS, SQL, and regex. Clean up messy input in one click, with nothing to upload. - name: Generators description: >- Generate exactly what you need and on demand — passwords, UUIDs, QR codes, hashes, random numbers, and more. Secure, instant, and free. - name: Calculators description: >- Crunch the numbers fast — from everyday math to specialized conversions and unit work. Free online calculators that run entirely in your browser. - name: Editors description: >- Edit and transform text, code, and images with quick, focused editors that run entirely in your browser — nothing to install, and no sign-up needed. - name: Utilities description: >- Everyday developer and web utilities — DNS and IP lookups, redirect and certificate checkers, and other quick diagnostics. Free and privacy-friendly. - name: Account description: Your key's allowance, limits and usage history. paths: /v1/tool/vite-config-generator: post: tags: - Generators summary: Vite Config Generator description: >- Generate a vite.config.ts/js file from a framework preset (Vanilla, React, React SWC, Vue, Svelte, Solid), optional plugins (SVGR, tsconfig-paths, PWA, compression, bundle visualizer), a path alias builder, a dev-server proxy rule editor, and build options — download or copy, ready to drop in. [Try Vite Config Generator in your browser →](https://iotools.cloud/tool/vite-config-generator/) operationId: run_vite_config_generator requestBody: required: false content: application/json: schema: type: object properties: framework: enum: - vanilla - react - reactSwc - vue - svelte - solid description: Framework useTypescript: type: boolean description: Use TypeScript (vite.config.ts) pluginSvgr: type: boolean description: Import SVGs as React components (vite-plugin-svgr) pluginTsconfigPaths: type: boolean description: >- Resolve aliases from tsconfig.json paths (vite-tsconfig-paths) pluginPwa: type: boolean description: Progressive Web App support (vite-plugin-pwa) pluginCompression: type: boolean description: Gzip/Brotli-compress build output (vite-plugin-compression) pluginVisualizer: type: boolean description: Bundle size visualizer (rollup-plugin-visualizer) aliases: type: string description: Path aliases serverPort: type: string description: Port serverOpen: type: boolean description: Open browser automatically on start serverHost: type: boolean description: 'Expose to network (host: true)' proxyRules: type: string description: Dev server proxy rules buildTarget: enum: - esnext - es2020 - es2015 - modules description: Build target outDir: type: string description: Output directory sourcemap: type: boolean description: Generate sourcemaps for the build includeComments: type: boolean description: Include inline comments explaining each section includeHeader: type: boolean description: Include descriptive header comment includeInstall: type: boolean description: Include npm install command at top required: [] examples: react_swc_alias_dev_proxy: summary: React + SWC — alias + dev proxy value: framework: reactSwc useTypescript: 'true' pluginSvgr: 'true' pluginTsconfigPaths: '' pluginPwa: '' pluginCompression: '' pluginVisualizer: '' aliases: '@=./src' serverPort: '3000' serverOpen: 'true' serverHost: '' proxyRules: /api=http://localhost:8080 buildTarget: esnext outDir: dist sourcemap: '' includeComments: 'true' includeHeader: 'true' includeInstall: 'true' vue_3_defaults: summary: Vue 3 (defaults) value: framework: vue useTypescript: 'true' pluginSvgr: '' pluginTsconfigPaths: '' pluginPwa: '' pluginCompression: '' pluginVisualizer: '' aliases: '@=./src' serverPort: '5173' serverOpen: '' serverHost: '' proxyRules: '' buildTarget: esnext outDir: dist sourcemap: '' includeComments: 'true' includeHeader: 'true' includeInstall: 'true' vanilla_js_no_aliases_custom_build_target: summary: Vanilla JS — no aliases, custom build target value: framework: vanilla useTypescript: '' pluginSvgr: '' pluginTsconfigPaths: '' pluginPwa: '' pluginCompression: '' pluginVisualizer: '' aliases: '' serverPort: '5173' serverOpen: '' serverHost: '' proxyRules: '' buildTarget: es2020 outDir: build sourcemap: 'true' includeComments: '' includeHeader: 'true' includeInstall: 'true' solid_pwa_tsconfig_paths_network_host: summary: Solid — PWA + tsconfig-paths, network host value: framework: solid useTypescript: 'true' pluginSvgr: '' pluginTsconfigPaths: 'true' pluginPwa: 'true' pluginCompression: '' pluginVisualizer: '' aliases: '' serverPort: '5173' serverOpen: '' serverHost: 'true' proxyRules: '' buildTarget: esnext outDir: dist sourcemap: '' includeComments: 'true' includeHeader: 'true' includeInstall: 'true' responses: '200': description: Tool output content: application/json: examples: react_swc_alias_dev_proxy: summary: React + SWC — alias + dev proxy value: tool: vite-config-generator tool_version: 1.0.2 outputs: output: > // vite.config.ts — Vite configuration (React (SWC)) // Generated with iotools.cloud // Docs: https://vite.dev/config/ // Install: // npm install -D vite @vitejs/plugin-react-swc vite-plugin-svgr @types/node import { defineConfig } from 'vite' import react from '@vitejs/plugin-react-swc' import svgr from 'vite-plugin-svgr' import { fileURLToPath, URL } from 'node:url' export default defineConfig({ // Framework + optional feature plugins plugins: [react(), svgr()], // Path aliases for cleaner imports resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)) } }, // Dev server options server: { port: 3000, open: true, proxy: { "/api": { target: "http://localhost:8080", changeOrigin: true } } } }) credits_used: 5 credits_remaining: null vue_3_defaults: summary: Vue 3 (defaults) value: tool: vite-config-generator tool_version: 1.0.2 outputs: output: | // vite.config.ts — Vite configuration (Vue) // Generated with iotools.cloud // Docs: https://vite.dev/config/ // Install: // npm install -D vite @vitejs/plugin-vue @types/node import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { fileURLToPath, URL } from 'node:url' export default defineConfig({ // Framework + optional feature plugins plugins: [vue()], // Path aliases for cleaner imports resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)) } } }) credits_used: 5 credits_remaining: null vanilla_js_no_aliases_custom_build_target: summary: Vanilla JS — no aliases, custom build target value: tool: vite-config-generator tool_version: 1.0.2 outputs: output: | // vite.config.js — Vite configuration // Generated with iotools.cloud // Docs: https://vite.dev/config/ // Install: // npm install -D vite import { defineConfig } from 'vite' export default defineConfig({ build: { target: "es2020", outDir: "build", sourcemap: true } }) credits_used: 5 credits_remaining: null solid_pwa_tsconfig_paths_network_host: summary: Solid — PWA + tsconfig-paths, network host value: tool: vite-config-generator tool_version: 1.0.2 outputs: output: > // vite.config.ts — Vite configuration (Solid) // Generated with iotools.cloud // Docs: https://vite.dev/config/ // Install: // npm install -D vite vite-plugin-solid vite-tsconfig-paths vite-plugin-pwa import { defineConfig } from 'vite' import solid from 'vite-plugin-solid' import tsconfigPaths from 'vite-tsconfig-paths' import { VitePWA } from 'vite-plugin-pwa' export default defineConfig({ // Framework + optional feature plugins plugins: [solid(), tsconfigPaths(), VitePWA()], // Dev server options server: { host: true } }) credits_used: 5 credits_remaining: null schema: type: object required: - tool - tool_version - outputs - credits_used - credits_remaining properties: outputs: type: object properties: output: type: string description: Generated Config tool: type: string description: The tool's slug, echoing the {slug} in the request path. tool_version: type: string description: Output-contract version for this tool. credits_used: type: integer description: >- Credits this call consumed, after any settlement refund. 0 when metering is disabled. credits_remaining: type: - integer - 'null' description: >- Credits left in the current monthly allowance, or null when metering is disabled. request_id: type: string description: Correlation id, also sent as x-request-id. '400': $ref: '#/components/responses/ValidationError' '401': $ref: '#/components/responses/Unauthorized' '402': $ref: '#/components/responses/InsufficientCredits' '403': $ref: '#/components/responses/ToolNotAllowed' '404': $ref: '#/components/responses/ToolNotFound' '413': $ref: '#/components/responses/PayloadTooLarge' '422': $ref: '#/components/responses/UnprocessableInput' '429': $ref: '#/components/responses/RateLimited' '500': $ref: '#/components/responses/ToolFailed' '503': $ref: '#/components/responses/ToolDisabled' security: - bearerAuth: [] components: responses: ValidationError: description: Invalid request. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/validation_error title: type: string description: Short human-readable summary of the failure. examples: - Invalid request status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - validation_error detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. fields: type: - object - string additionalProperties: type: string description: >- What failed: a map of field name → message. Absent when the body itself is malformed; a single string when the failure isn't tied to one field. example: type: https://docs.iotools.cloud/errors/validation_error title: Invalid request status: 400 code: validation_error detail: One or more inputs are invalid — see `fields`. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 fields: inputString: Required Unauthorized: description: Missing or invalid API key. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/invalid_api_key title: type: string description: Short human-readable summary of the failure. examples: - Invalid API key status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - invalid_api_key detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. example: type: https://docs.iotools.cloud/errors/invalid_api_key title: Invalid API key status: 401 code: invalid_api_key detail: 'Provide ''Authorization: Bearer ''.' request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 InsufficientCredits: description: Monthly credit allowance exhausted. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/insufficient_credits - >- https://docs.iotools.cloud/errors/vendor_api_tier_limit_exceeded title: type: string description: Short human-readable summary of the failure. examples: - Insufficient credits - Free-tier API limit reached for this tool status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - insufficient_credits - vendor_api_tier_limit_exceeded detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. credits_used: type: integer description: Always 0 — a refused call charges nothing. credits_remaining: type: integer description: Credits left in the allowance — fewer than this call costs. example: type: https://docs.iotools.cloud/errors/insufficient_credits title: Insufficient credits status: 402 code: insufficient_credits detail: This call costs 1 credit and 0 remain in this month's allowance. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 credits_used: 0 credits_remaining: 0 ToolNotAllowed: description: Tool exists but has no API surface. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/tool_not_allowed title: type: string description: Short human-readable summary of the failure. examples: - Tool not available over the API status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - tool_not_allowed detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. example: type: https://docs.iotools.cloud/errors/tool_not_allowed title: Tool not available over the API status: 403 code: tool_not_allowed detail: >- "Background Remover" is available on iotools.cloud but has no API endpoint. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 ToolNotFound: description: No such tool. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/tool_not_found title: type: string description: Short human-readable summary of the failure. examples: - Tool not found status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - tool_not_found detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. example: type: https://docs.iotools.cloud/errors/tool_not_found title: Tool not found status: 404 code: tool_not_found detail: No tool with that slug. See GET /v1/tools/list. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 PayloadTooLarge: description: Body too large. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/payload_too_large title: type: string description: Short human-readable summary of the failure. examples: - Payload too large status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - payload_too_large detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. example: type: https://docs.iotools.cloud/errors/payload_too_large title: Payload too large status: 413 code: payload_too_large detail: Request body exceeds this tool's size limit. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 UnprocessableInput: description: Well-formed request, but there is no result to return. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/unprocessable_input title: type: string description: Short human-readable summary of the failure. examples: - Input cannot be processed status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - unprocessable_input detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. credits_used: type: integer description: >- Always 0 on `unprocessable_input` — a failed run is refunded, floor included. credits_remaining: type: integer description: >- Credits left after the refund. Absent when metering is disabled. example: type: https://docs.iotools.cloud/errors/unprocessable_input title: Input cannot be processed status: 422 code: unprocessable_input detail: >- This video has no captions or subtitles, so there is no transcript to extract. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 credits_used: 0 RateLimited: description: Per-minute rate limit exceeded. headers: Retry-After: description: Seconds to wait before retrying (RFC 9110 delta-seconds). schema: type: integer content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/rate_limited title: type: string description: Short human-readable summary of the failure. examples: - Rate limit exceeded status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - rate_limited detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. retry_after: type: integer description: >- Seconds until the window resets — the same value as the `Retry-After` header. example: type: https://docs.iotools.cloud/errors/rate_limited title: Rate limit exceeded status: 429 code: rate_limited detail: Too many requests. Retry in 30s. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 retry_after: 30 ToolFailed: description: Tool failed to run. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/processing_error - https://docs.iotools.cloud/errors/internal_error title: type: string description: Short human-readable summary of the failure. examples: - Tool failed to run - Internal error status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - processing_error - internal_error detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. credits_used: type: integer description: >- Always 0 on `processing_error` — a failed run is refunded, floor included. credits_remaining: type: integer description: >- Credits left after the refund. Absent when metering is disabled. example: type: https://docs.iotools.cloud/errors/processing_error title: Tool failed to run status: 500 code: processing_error detail: The tool failed to run. Please try again. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 credits_used: 0 ToolDisabled: description: Tool temporarily disabled. content: application/problem+json: schema: type: object description: >- RFC 9457 problem document, served as application/problem+json. Branch on `code`; `title` is human prose and may be reworded without notice. Some failures add extension members — `fields` on validation errors, `retry_after` on 429s, `credits_used`/`credits_remaining` on billing-adjacent failures — documented on the responses that carry them. required: - type - title - status - code properties: type: type: string format: uri description: Stable documentation URI for this failure. examples: - https://docs.iotools.cloud/errors/tool_disabled - https://docs.iotools.cloud/errors/api_unconfigured title: type: string description: Short human-readable summary of the failure. examples: - Tool temporarily disabled - API not configured status: type: integer description: HTTP status code, matching the response's own status. code: type: string description: >- Stable machine-readable error code — branch on this, not `title`. enum: - tool_disabled - api_unconfigured detail: type: string description: Human explanation of this occurrence. request_id: type: string description: Correlation id, also sent as x-request-id. example: type: https://docs.iotools.cloud/errors/tool_disabled title: Tool temporarily disabled status: 503 code: tool_disabled detail: This tool is temporarily unavailable. Try again shortly. request_id: e4042b29-8f1e-4c7a-9b52-6f0d1a3c7e11 securitySchemes: bearerAuth: type: http scheme: bearer bearerFormat: iot_live_… ````