gromov/svg-sprites
1
0
Fork 0
mirror of https://github.com/gromlab-ru/svg-sprites.git synced 2026-07-22 04:40:17 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
b43814e57bb0094a5f26b23de9f9cb02d91f2e89
svg-sprites/docs/ru/README.md
S.Gromov 8b3365f957 feat: добавить поддержку 20 framework exact modes 
Добавлены exact modes:
- vue@vite и vue@webpack
- nuxt@vite и nuxt@webpack
- svelte@vite, svelte@webpack и sveltekit@vite
- angular@application и angular@webpack
- astro@vite
- solid@vite, solid@webpack и solid-start@vite
- preact@vite и preact@webpack
- qwik@vite
- lit@vite и lit@webpack
- alpine@vite и alpine@webpack

Для каждого mode реализованы изолированный adapter, нативный
framework-компонент, declarations, manifest, CSS и внешний asset URL.

Добавлены production integration-стенды с генерацией, typecheck,
сборкой и Playwright-проверкой рендера спрайта и Viewer.

Обновлены Viewer, RU/EN-гайды, README, technical reference и AI skills.
Итоговая матрица включает 29 exact modes.

Проверки:
- 48 unit-тестов
- 29 integration E2E-тестов
2026-07-15 16:56:44 +03:00

3.5 KiB
Raw Blame History

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

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

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

Гайды быстрого старта

Проект 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

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

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

Справочники