svg-sprites/docs/ru

Документация

Для настройки выберите guide одного exact mode. Каждый guide является самостоятельным документом и без изменений используется в AI skills.

Общий формат JSON, JavaScript и TypeScript config-файлов описан в руководстве по конфигурации.

Быстрый старт для consumer modes

Проект	Exact mode	Guide
Static HTML или собственная публикация	standalone	Bare standalone
Vanilla + Vite	standalone@vite	Standalone + Vite
Vanilla + Webpack 5	standalone@webpack	Standalone + Webpack
React + Vite	react@vite	React + Vite
React + Webpack 5	react@webpack	React + Webpack
Vue + Vite	vue@vite	Vue + Vite
Vue + Webpack	vue@webpack	Vue + Webpack
Nuxt + Vite	nuxt@vite	Nuxt + Vite
Nuxt + Webpack	nuxt@webpack	Nuxt + Webpack
Svelte + Vite	svelte@vite	Svelte + Vite
Svelte + Webpack	svelte@webpack	Svelte + Webpack
SvelteKit + Vite	sveltekit@vite	SvelteKit + Vite
Angular application builder	angular@application	Angular application builder
Angular + Webpack	angular@webpack	Angular + Webpack
Astro + Vite	astro@vite	Astro + Vite
Solid + Vite	solid@vite	Solid + Vite
Solid + Webpack	solid@webpack	Solid + Webpack
SolidStart + Vite	solid-start@vite	SolidStart + Vite
Preact + Vite	preact@vite	Preact + Vite
Preact + Webpack	preact@webpack	Preact + Webpack
Qwik + Vite	qwik@vite	Qwik + Vite
Lit + Vite	lit@vite	Lit + Vite
Lit + Webpack	lit@webpack	Lit + Webpack
Alpine.js + Vite	alpine@vite	Alpine.js + Vite
Alpine.js + Webpack	alpine@webpack	Alpine.js + Webpack
Next.js App Router + Turbopack	next@app/turbopack	App Router + Turbopack
Next.js App Router + Webpack	next@app/webpack	App Router + Webpack
Next.js Pages Router + Turbopack	next@pages/turbopack	Pages Router + Turbopack
Next.js Pages Router + Webpack	next@pages/webpack	Pages Router + Webpack

Все consumer guides используют один порядок:

1. Генерация спрайта через npx без добавления package в проект.
2. Использование спрайта в приложении.
3. Необязательное подключение Viewer для дебага и превью.

Серверная генерация

Используйте standalone@server, чтобы сгенерировать на сервере или в CI/CD универсальный SVG-спрайт для всех consumer modes.

Справочники

• Конфигурация
• Технический справочник
• Программный API