Vite3.0 est sorti, jetez un œil aux nouvelles fonctionnalités de Vite3.0

Vite3 a sorti la version 3.0, vous scrollez toujours ? L'article suivant examinera les nouvelles fonctionnalités de Vite3.0. Le front-end se développe si rapidement maintenant. Ce n'est qu'en restant sensible aux nouvelles technologies que nous pouvons garantir que nous ne serons pas éliminés.

Il y a quelque temps, Youda a publié Vite3.0 et a mis à jour la documentation officielle de Vite, comme indiqué ci-dessous

Quoi qu'il en soit, je me sens incroyable en entrant sur la page d'accueil.

Ce document présentera brièvement les nouveautés de Vite3.0, alors ne vous y trompez pas.

Changements dans les modèles

Pour moi, le projet Vue que je crée le plus avec Vite est. Après cette mise à jour, le thème du Modèle Vue créé avec Vite est cohérent avec la documentation de Vite et prend également en charge les couleurs sombres avec des couleurs vives. mode couleur, et l'icône passe du logo de Vue au logo de Vite.

Nous pouvons utiliser Vite pour créer un modèle Vue et l'exécuter pour voir l'effet :

pnpm create vite
# project name -> demo
# select a framework -> vue
# select a variant -> vue
cd demo
pnpm install
pnpm dev

Les deux thèmes sont les suivants

En plus de Vue, les thèmes des modèles suivants sont également cohérents.

Optimisation de Vite CLI

Le style de Vite CLI dans la ligne de commande a également été optimisé. Regardez l'image ci-dessous

Vite3.0 est à gauche et Vite2.0 est activé. à droite, visuellement, évidemment, le 3.0 est meilleur que le 2.0.

En plus de l'apparence, nous pouvons voir que le numéro de port par défaut a également changé, de 3000 à 5173 ; l'adresse locale est passée de localhost à 127.0.0.1 code>. <code>localhost变成了127.0.0.1。

import.meta.glob API的变化

import.meta.globAPI可以动态的导入文件，在Vite3中允许import.meta.glob

Modifications dans l'API import.meta.glob

import.meta.globL'API peut importer dynamiquement des fichiers, autorisée dans Vite3import .meta.glob a été réécrit. Pour plus de détails, veuillez vous référer au Formulaire d'importation global, qui est décrit en détail dans la documentation officielle.

Autres contenus

• Vite3.0 a également mis à jour certains autres contenus, comme suit :

• La taille globale de Vite est devenue plus petite

• Les outils de compression JS et CSS utilisent ESbuild (à partir de Vite2) ;

• Correction de plusieurs bugs ;
  Compatibilité ajustée,
support minimum node14.18+

• Vite a décidé de
sortir une nouvelle version chaque année

 ;

Écrit à la fin

Cet article présente brièvement quelques nouvelles fonctionnalités de Vite.

Maintenant, la vitesse du développement front-end est devenue très rapide.

Ce n'est qu'en restant toujours sensible aux nouvelles technologies que vous pourrez garantir que vous ne serez pas éliminé, Allez tout le monde~

Enfin, je vous souhaite à tous : Ne faites pas d'heures supplémentaires tous les jours et votre salaire annuel sera supérieur à 100 dix mille.

【Tutoriels vidéo associés recommandés :

Tutoriel d'introduction à Vuejs, Démarrer avec le front-end Web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!