ホームページ > ウェブフロントエンド > jsチュートリアル > 糸とは何ですか? Yarn は npm の代わりにフロントエンド プロジェクト モジュールの依存関係をどのように管理しますか?

糸とは何ですか? Yarn は npm の代わりにフロントエンド プロジェクト モジュールの依存関係をどのように管理しますか?

巴扎黑
リリース: 2017-09-05 09:43:40
オリジナル
3577 人が閲覧しました

この記事では、npm の代わりに Yarn を使用してフロントエンド プロジェクト モジュールの依存関係を管理することに関する関連情報を、サンプル コードを通じて詳細に紹介します。編集者と一緒に学びましょう。

この記事では主に、フロントエンド プロジェクト モジュールの依存関係を管理するための npm の置き換えに関する関連コンテンツを紹介し、参考と学習のために共有します。以下では多くを説明しません。詳細な紹介を見てみましょう。

yarnとは

簡単に言うと、yarnはフロントエンドプロジェクトの依存関係管理に使われるnpmと同じ機能を持つツールです。 npm を使用するプロジェクトでは、npm コマンドが使用される場所であればどこでも、代わりに yran を使用できます。

npm の代わりに Yarn を使用するのはなぜですか? npm と比較した、yarn の主な機能は次のとおりです:

  • オフライン、並列インストール: 依存関係の並列インストール、ダウンロードされた依存関係をキャッシュして最初に使用する、さまざまな最適化により、依存関係のインストール速度が大幅に向上します

  • 決定性 : 糸.lock ファイルはデフォルトで生成され、開発者が依存関係の開発とインストールに使用するディレクトリの一貫性を確保できます

  • もっと…

実際、npm も常に最適化および改善されています。しかし、yarn には多くのハイライトがあり、少なくとも現時点では使用する価値があります。

yarnを使ってすぐに始めましょう

インストール

npmに依存せずにyarnをインストールすることもできますが、npmを使用して素早く簡潔にインストールすることをお勧めします:


npm i -g yarn
ログイン後にコピー

プロジェクト内で、プロジェクトを初めて初期化するときに

を使用して実行し、ローカルの依存関係が時間内に更新されるように、各プロジェクトの起動/ビルドの前に 1 回実行する必要があります。

このコマンドは、package.json ファイルとyarn.lock ファイルの依存関係を確認し、その内容が更新されると、依存関係も更新されてインストールされます。


yarn <install>
ログイン後にコピー

依存関係の更新。依存モジュールを最新バージョンに更新したい場合にこのコマンドを実行します。


yarn upgrade
ログイン後にコピー

yarn 一般的なコマンド

新しいプロジェクトを開始


yarn init
ログイン後にコピー

依存関係パッケージを追加


yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]
ログイン後にコピー

依存関係パッケージをアップグレード


yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]
ログイン後にコピー

依存関係パッケージを削除します


yarn remove [package]
ログイン後にコピー

プロジェクトのすべての依存関係をインストールします


yarn
ログイン後にコピー

または


yarn install
ログイン後にコピー

yarn 糸を使用するための実践的な提案

糸を選択する主な理由は、依存関係のインストール速度が速いことです。デフォルトで生成されるyarn.lockは、すべてのメンバーのモジュール依存関係ディレクトリの一貫性を適切に保つことができます。

yarn installとyarn upgradeの実行ロジックにより、ローカル依存関係のバージョン更新タイミングを明確に管理でき、すべての開発者のローカル依存関係の一貫性を保つこともできます。

npm install の使用は少し面倒です。バージョン番号を使用して依存関係をハードコーディングしたくない場合は、依存パッケージの利用可能な最新バージョンが常にインストールされますが、これが希望どおりではない場合があります。

yarn を使用する前は、npm + 淘宝網ソリューションを使用し、cnpm も使用していました。中国では、cnpm の依存関係のインストール速度は Yarn よりも高速ですが、cnpm は Windows でリンク参照を作成することによってパッケージの依存関係を管理するため、いくつかの問題が発生する可能性があります。

ここで、デフォルトで淘宝倉庫を使用し、npm を使用してグローバルな依存関係を管理し、yarn を使用して特定のプロジェクト内の依存関係を管理します。

新しいプロジェクトでyarnを使用するには、次の手順を実行します:

  • package.jsonを作成し、最初のサードパーティの依存関係を書き込みます

  • yarnコマンドを実行して、プロジェクトの依存関係のインストールを初期化し、 yarn.lock ファイル

  • 続いて、yarn add xxx を実行して必要な依存関係を追加します (package.json ファイルに直接記述することもできます)

  • 依存モジュールを更新する必要があると判断された場合プロジェクト起動コマンドを設定するために、yarn アップグレード コマンド

  • を実行する前に、まず、yarn コマンドを実行して、yarn.lock が更新されるときに、ローカルの依存関係も時間内に更新されることを確認してください。たとえば、package.json の script セクションで start コマンドを設定します: "start": "yarn &&yarn run build:dev"

yarn はどのように使用しますか?あなたの経験をぜひ共有してください。

以上が糸とは何ですか? Yarn は npm の代わりにフロントエンド プロジェクト モジュールの依存関係をどのように管理しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート