ホームページ > ウェブフロントエンド > jsチュートリアル > npm と package.json について知っておくべきことすべて

npm と package.json について知っておくべきことすべて

Linda Hamilton
リリース: 2024-11-28 00:57:12
オリジナル
285 人が閲覧しました

npm and everything you need to know about the package.json

npmとは何ですか?

npm は NodeJS のパッケージ マネージャーです。また、これは地球上で最大の単一言語コード リポジトリであり、コマンド ラインでリポジトリからパッケージをインストールおよび管理するためのツールです。

パッケージとは何ですか?

npm レジストリは、ダウンロード、インストールし、NodeJS プロジェクトの依存関係として使用できる多数のパッケージまたはライブラリで構成されています。 npm パッケージは、npm レジストリに公開される再利用可能なコードです。開発者が機能を組み込むことでワークフローを改善できるため、冗長なコードや繰り返しのコードを記述する必要性が減ります。

NodeJS プロジェクトにパッケージをインストールするにはどうすればよいですか?

CLI コマンド npm install を使用する

  • npm install: このコマンドは、node_modules フォルダーの package.json に記載されているすべての依存関係をインストールします。
  • npm install : 現在のプロジェクト ディレクトリ (node_modules フォルダー内) にパッケージをインストールします。パッケージはそのプロジェクト内でのみアクセスできます。
  • npm install -g : パッケージをシステム全体にインストールし、マシン上のどこからでも利用できるようにします。
  • npm install @: そのパッケージの特定のバージョンをインストールします。
  • npm install --save-dev: パッケージをインストールし、package.json の devDependency ブロックに配置します。
  • npm install --no-save: パッケージをインストールしますが、package.json ファイルの依存関係にエントリを追加しません。
  • npm install --save-optional: パッケージをインストールし、package.json ファイルのOptionalDependency にエントリを追加します。
  • npm install --no-optional: これにより、オプションの依存関係のインストールが防止されます。

package.jsonとは何ですか?

package.json は、プロジェクトのメタデータ、依存関係、およびスクリプトを管理するために Node.js プロジェクトで使用される構成ファイルです。これは NodeJS プロジェクトの中心として機能します。

devDependency とpeerDependency の違いは何ですか?

devDependency: これらは、開発またはテスト中にのみ必要なパッケージとライブラリです。これらは製品コードには含まれていません。

インストール:

npm install tslint --save-dev

peerDependency: これらはプロジェクトが作業する必要がある依存関係ですが、パッケージをインストールしているユーザーが依存関係を提供することが期待されます。

"peerDependencies": {
  "graphql": ">=10.0.0"
}
ログイン後にコピー
ログイン後にコピー

上記のブロックの意味は次のとおりです:

  • プロジェクトが動作するには、graphql パッケージが必要です。
  • graphql パッケージのバージョンは 10.0.0 以降である必要があります。
  • パッケージ ユーザーは GraphQL を自分でインストールする必要があります。

package.json内のスクリプト

package.json の script フィールドは、npm run を使用して実行できるコマンドを定義します。言及する価値のあるいくつかのスクリプト:

start: アプリケーションを開始するコマンド。

"peerDependencies": {
  "graphql": ">=10.0.0"
}
ログイン後にコピー
ログイン後にコピー

build: 運用ビルドに使用されます。

"start": "node index.js"
ログイン後にコピー

test: 単体テスト スイートを実行します。

"build": "webpack --mode production"
ログイン後にコピー

dev: 開発サーバーを起動します。

"test": "nyc"
ログイン後にコピー

lint: リンターを実行してコードの品質をチェックします。

"dev": "nodemon index.js"
ログイン後にコピー

clean: ビルド アーティファクトをクリーンアップします。

"lint": "tslint ."
ログイン後にコピー

compile: ソース コードを別の形式 (TypeScript から JavaScript など) にトランスパイルするために使用されます

"clean": "rm -rf dist"
ログイン後にコピー

publish: npm などのレジストリにパッケージを公開するために使用されます。

"compile": "tsc"
ログイン後にコピー
  • Pre/Post フック: preinstall、postinstall、prebuild、precompile、postpublish などのスクリプト用の pre/post フックもあります。

  • カスタム スクリプト: カスタム スクリプトは package.json に記述することもでき、npm run

  • を使用して実行することもできます。

以上がnpm と package.json について知っておくべきことすべての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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