Qu'est-ce que le fil ? Comment Yarn gère-t-il les dépendances des modules de projet front-end au lieu de NPM ?

Cet article vous présente principalement les informations pertinentes sur l'utilisation de fil au lieu de npm pour gérer les dépendances des modules de projet front-end. L'article le présente en détail à travers un exemple de code. Il a une certaine valeur d'apprentissage de référence pour les études ou le travail de chacun. qui en a besoin Apprenons avec l'éditeur ci-dessous.

Cet article vous présente principalement le contenu pertinent sur le remplacement de npm par Yarn pour gérer les dépendances des modules de projet front-end. Il est partagé pour votre référence et votre apprentissage. Je ne dirai pas grand-chose ci-dessous, jetons un coup d'œil. l'introduction détaillée.

Qu'est-ce que Yarn ?

En termes simples, Yarn est un outil avec la même fonction que NPM, utilisé pour la gestion des dépendances du front-end projets. Dans les projets utilisant npm, yran peut être utilisé à la place partout où la commande npm est utilisée.

Pourquoi utiliser du fil au lieu du npm ? Par rapport à npm, les principales fonctionnalités de Yarn sont :

• Installation hors ligne et parallèle : les dépendances sont installées en parallèle, les dépendances téléchargées sont mises en cache et utilisées en premier, diverses optimisations rendent l'installation des dépendances significative plus rapide Pour améliorer la

• certitude : le fichier Yarn.lock est généré par défaut, ce qui peut assurer la cohérence des répertoires sur lesquels chaque développeur développe et installe des dépendances

• plus…

Eh bien, en fait, npm est également constamment optimisé et amélioré. Mais le fil a de nombreux points forts, et au moins il vaut la peine d'être utilisé pour le moment.

Démarrez rapidement avec le fil

Installation

Bien que vous puissiez installer du fil sans compter sur npm, Il est tout de même recommandé d'utiliser npm pour l'installer, de manière rapide et concise :

npm i -g yarn

Utilisez

dans le projet pour la première initialisation Il doit être exécuté au démarrage du projet et avant le démarrage/construction de chaque projet pour garantir que les dépendances locales sont mises à jour à temps.

Cette commande vérifiera les dépendances dans les fichiers package.json et Yarn.lock. Lorsque leur contenu sera mis à jour, les dépendances seront mises à jour et installées.

yarn <install>

Mise à jour des dépendances. Exécutez cette commande lorsque vous souhaitez mettre à jour les modules dépendants vers leurs dernières versions.

yarn upgrade

Commandes communes de Yarn

Démarrer un nouveau projet

yarn init

Ajouter un package de dépendances

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

Mettre à niveau le package de dépendances

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

Supprimer le package de dépendances

yarn remove [package]

Installer toutes les dépendances du projet

yarn

ou

yarn install

Suggestions pratiques pour l'utilisation du fil

La principale raison pour laquelle nous choisissons le fil est de compter sur la vitesse d'installation rapide et le fil généré par défaut.lock Cela garantira que les répertoires de dépendances de module de tous les membres sont bien cohérents.

La logique d'exécution de l'installation de fil et de la mise à niveau de fil vous permet de gérer clairement le calendrier de mise à jour de la version des dépendances locales, et maintient également la cohérence des dépendances locales de tous les développeurs.

L'utilisation de npm install est un peu compliquée. Lorsque vous ne souhaitez pas coder en dur les dépendances avec les numéros de version, la dernière version disponible du package dépendant sera toujours installée, mais parfois ce n'est pas ce que vous souhaitez. .

Avant le fil, nous utilisions la solution d'entrepôt npm + Taobao, ainsi que cnpm. En Chine, la vitesse d'installation des dépendances de cnpm est plus rapide que celle de Yarn, mais cnpm gère les dépendances des packages en créant des références de lien sous Windows, ce qui peut poser certains problèmes.

Nous allons maintenant utiliser l'entrepôt Taobao par défaut, utiliser npm pour gérer les dépendances globales et utiliser fil pour gérer les dépendances au sein de projets spécifiques.

Pour utiliser le fil dans un nouveau projet, nous ferons ceci :

• Écrivez package.json et écrivez les dépendances tierces initiales

• Exécutez la commande Yarn pour initialiser l'installation des dépendances du projet et générer le fichier Yarn.lock

• Ajoutez plus d'exigences plus tard en exécutant Yarn Add XXX dépendances (peuvent également être écrites directement dans le fichier package.json)

• Lorsqu'il est déterminé que le module dépendant doit être mis à jour vers sa dernière version, exécutez la commande Yarn Upgrade

• Avant d'exécuter la commande de démarrage du projet de configuration, exécutez d'abord la commande Yarn pour vous assurer que lorsque Yarn.lock est mis à jour, les dépendances locales sont également mises à jour à temps. Par exemple, configurez la commande start dans la section script de package.json : "start": "yarn && Yarn run build:dev"

Comment utilisez-vous Yarn ? N'hésitez pas à partager vos expériences.

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!