Vite+

Qu'est-ce que Vite+ ?

Vite+ est une toolchain CLI unifiée pour le développement web qui combine la gestion du runtime, la sélection du gestionnaire de paquets et les workflows frontend courants dans une interface unique. Elle vise à standardiser le lancement des serveurs de développement, la construction de sorties de production, la vérification de la qualité du code, les tests et le packaging de bibliothèques ou d'applications.

Le projet est gratuit et open source sous licence MIT, avec des instructions d'installation pour macOS/Linux et Windows. Le site positionne Vite+ comme un point d'entrée unique pour les tâches quotidiennes tout en s'appuyant sur des composants open source établis dans la toolchain sous-jacente.

Fonctionnalités principales

• CLI unifiée pour les tâches web courantes (dev, build, check, test, run, pack)
  • Fournit un workflow cohérent sur toute la stack frontend au lieu de gérer plusieurs outils séparément.
• Sélection automatique du runtime et du gestionnaire de paquets
  • Utilise Node automatiquement et sélectionne le gestionnaire de paquets approprié pour chaque projet.
• Un fichier de configuration et un flux de commandes cohérent
  • Vise à conserver le même style de commandes sur toute la stack.
• « check » en un seul passage pour formatage, linting et vérification de types
  • Exécute des outils basés sur Oxlint (lint) et Oxfmt (format) et inclut des vérifications de types via tsgo, avec auto-correction quand possible.
• Test runner compatible Jest avec config d'app réutilisable
  • Vite+ test réutilise la configuration resolve/transform de l'application et supporte plusieurs modes de test comme le mode navigateur et les tests de type snapshot.
• Exécution de tâches orientée monorepo avec mise en cache
  • Vite+ run est décrit comme un runner de tâches pour monorepos et scripts, utilisant un suivi automatique des entrées pour les tâches en cache et une exécution dépendante des paquets du workspace.
• Support de packaging pour bibliothèques npm et binaires autonomes
  • « pack » bundle les bibliothèques TypeScript/JavaScript, génère les DTS, et peut produire des binaires d'apps autonomes ou un mode transform-only non bundlé.
• Construit sur Vite et composants associés
  • Le site référence une stack propulsée par Vite et Rolldown (et mentionne des composants supplémentaires comme tsdown pour le packaging et Vitest pour les tests).

Comment utiliser Vite+ ?

1. Installer Vite+ globalement.
   • macOS/Linux : curl -fsSL https://vite.plus | bash
   • Windows (PowerShell) : irm https://vite.plus/ps1 | iex
2. Commencer à utiliser la CLI dans une nouvelle session terminal.
   • Le site suggère d'exécuter vp help après installation.
3. Pour CI, utiliser l'étape de setup fournie.
   • Le site indique d'utiliser setup-vp ..
4. Exécuter les commandes standard du projet via Vite+.
   • Exemples courants listés : vp dev, vp build, vp check, vp test, vp run, et vp pack.

Cas d'usage

• Standardiser les workflows de développement et de build sur un repo
  • Les équipes peuvent utiliser un point d'entrée CLI unique pour lancer les serveurs dev, créer des builds de production et exécuter des vérifications qualité avec un flux de commandes cohérent.
• CI qui valide formatage, linting et types en une commande
  • vp check permet d'exécuter formatage, linting et vérification de types ensemble, et le site note le support de --fix pour appliquer les auto-corrections possibles.
• Tests avec la même configuration de transform de l'app
  • Quand les tests unitaires nécessitent les réglages resolve/transform de l'application, Vite+ test est positionné pour les réutiliser automatiquement.
• Scripts monorepo et tâches en cache
  • Pour les workspaces où les tâches dépendent d'autres paquets, vp run fournit une exécution dépendante et un comportement de cache basé sur les entrées tracées.
• Packaging de bibliothèques ou production d'artefacts autonomes
  • vp pack peut bundler des bibliothèques TS/JS pour npm (incluant génération DTS et exports de paquets), ou build des binaires d'apps autonomes, y compris un mode transform-only non bundlé.

FAQ

• Vite+ est-il une alternative à npm, pnpm ou yarn ?

  • Vite+ gère le runtime et sélectionne le gestionnaire de paquets pour chaque projet, mais le gestionnaire exact choisi dépend de la configuration du projet. Le site liste pnpm, npm et yarn comme options supportées qu'il peut sélectionner.

• Comment exécuter les vérifications pour formatage, linting et erreurs de types ?

  • Utilisez vp check. Le site indique que check couvre formatage, linting et vérification de types en un passage et que vp check --fix peut appliquer des auto-corrections quand possible.

• Quelle compatibilité de framework de test offre Vite+ ?

  • Le test runner est décrit comme « compatible Jest », et il est propulsé par Vitest.

• Comment configurer Vite+ pour CI ?

  • Le site mentionne spécifiquement d'utiliser setup-vp . pour CI.

• Vite+ peut-il packager des bibliothèques et applications ?

  • Oui. Le site décrit vp pack pour packager des bibliothèques TypeScript/JavaScript (avec génération DTS) et build des binaires d'apps autonomes, avec options comme le mode transform-only non bundlé.

Alternatives

• Utiliser les outils par défaut du framework (ex. : scripts basés sur Vite)

  • Au lieu d’une CLI unifiée, vous exécutez des commandes séparées pour dev/build, linting/formatting, type-checking et tests, ce qui peut nécessiter plus de configuration spécifique aux outils.

• Utiliser des outils spécialisés distincts pour chaque étape (lint/format/type/test/package)

  • Les approches courantes associent ESLint à un formateur, un vérificateur de types dédié et un runner de tests séparé, puis un bundler/packager pour la distribution.

• Utiliser un runner de tâches dédié pour monorepo

  • Pour les monorepos, les alternatives se concentrent souvent sur l’exécution dépendance-aware et le cache, tandis que les autres tâches (dev/build/check/test/package) sont gérées par des outils séparés.

• Utiliser un pipeline de build et packaging général pour les bibliothèques

  • Si votre objectif principal est le packaging de bibliothèque et la génération de définitions de types, une alternative peut s’appuyer sur un bundler plus une étape de génération DTS TypeScript plutôt que le workflow unifié vp pack.