skillup

技術ブログ

JavaScript

yarnコマンド

投稿日:

JSやフロント側のライブラリを使うときはnpmを使ってたんですが、2〜3年前ぐらいからyarnというコマンドも使われているので、ちょっと調査を。

yarnとは?

基本的にはnpmの上位互換と考えて良さげ。特徴として、以下のような点が挙げられる

  • package.jsonをそのまま使える、但しyarnのみでインストールした場合は独自のyarn.lockなるファイルも存在する
  • yarnの方が高速かつ、セキュリティレベルが高い
  • npmで使えたコマンドは基本的にyarnでも使える(でなければ上位互換ではない・・・)
  • node:8以上のパッケージにはyarnコマンドがディフォルトで入ってるっぽい

よく使いそうなコマンド

基本的にnpmで使っていたものを使うはずなので、npmコマンドの整理のもので使ったものを。

他に以下のリンクを参考に。

npmとyarnのコマンド早見表

npmとyarnとpnpmの違い2021

yarn init

package.jsonをディフォルトで生成するコマンド。

yarn install

package.jsonに記録されているライブラリをインストール

yarn add パッケージ名

パッケージのインストール。以下はオプション

-g

通常はカレントディレクトリ以下に有効だが、-gのオプションはグローバル(環境全体になる)にインストールされる。

-D

開発時のみ必要な場合はこのオプションが必要になる。

yarn remove パッケージ名

アンインストール。

yarn list –depth==0

カレントディレクトリのプロジェクトにインストールされているライブラリの一覧。–depth==0をつけないと再帰的処理が走るのでつけたほうが無難。-gをつけるとグローバル環境。

yarn -s run パッケージ名

インストールされたライブラリを実行する際に使用される。npxと近い処理

yarn run スクリプト

npm run devと同じ要領で使える。

というか、yarn以外にpnpmなんていうコマンドも出てくるようで・・・フロントエンドは技術の変遷が激しい・・

 

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Angular概論 モジュール、コントローラー、スコープなど

Contents1 Angularインストール2 ソース2.1 モジュール、スコープとコントローラ2.1.1  モジュールとは2.1.2 コントローラーとは2.1.3 スコープとは3 参考リンク An …

no image

Angularモジュール間の読み込み

Angularで以前こちらで、複数のコントロールに分ける方法を書きましたが、コントローラーだけでなく、Factory,ServiceなどいろいろなタイプのサービスがAngularにはあります。 プログ …

no image

bootstrapでのJavaScriptエラーチェック

お問い合わせフォームの入力チェックというのは本来サーバーサイド側でやらなくてはいけないのですが、JavaScriptによってクライアント側でやることも可能です。 入力欄にフォーカスして、遷移したときに …

no image

dataTableによる無限スクロール

Angularで無限スクロールをやったので一般のjqueryで。 dataTablesというプラグインです。 以前下記リンクで紹介していますが、ようわかっとらんかったんで(汗)再度書きます。 ページャ …

no image

JavaScriptのcall,bind+npmからのライブラリ読み込みで

npmを使ってライブラリ管理をする場合、個別にライブラリを読み込まず、package.jsonで読み込んだあと、一括してライブラリを読みこむことが一般的です。 で、その時の処理に関して。 例えばlea …

アーカイブ