npm のバックアップ(No.6) - .NET 開発基盤部会 Wiki

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る

目次 †

↑

概要 †

Node Package Managerの略

Node.js製パッケージ・マネージャ。

CommonJS用のパッケージを管理する。

また、jQueryやBootstrapといったWeb画面開発用ライブラリも管理されている。

npm はもともと Node.js 上で動作するライブラリを管理するためのもだが、
Node.js スタイルのライブラリでもブラウザで実行可能な形式に変換して
使用できるようになったため、npm さえあればbowerが無くても困らない状況が生まれた。

↑

インストール †

コチラを参考にする。

↑

設定 †

NuGet?で言うpackage.configの代わりにpackage.jsonを使用する。

↑

詳細 †

↑

プロジェクトとして初期化 †

JavaScriptライブラリを利用したいHTMLを
格納するディレクトリのルートで以下のコマンドを実行。

省略初期化
```
npm init -y
```

対話型インタフェースで初期化
```
npm init
```

これにより、package.jsonが生成される。

↑

package.json †

詳しくはコチラを参照。

↑

dependencies †

dependencies
- 依存関係パッケージであることを意味する。
- --saveオプションを使用した際にdependenciesで保存される。

devDependencies
- 開発用の依存関係パッケージであることを意味する。
- 開発用の依存関係パッケージは、公開時に依存関係パッケージに含まれない。
- --save-devオプションを使用した際にdependenciesで保存される。

peerDependencies

プラグインモジュール
- プラグインのケース
- モジュールのバージョンを固定する場合

シングルトンモジュール
- プラグイン以外のケース
- モジュールがアプリケーション全体でひとつである場合

optionalDependencies
環境によって依存ライブラリが変わる場合に有効

bundledDependencies
以下のケースで使用するとのこと。
- you want to re-use a third party library that
  doesn't come from the npm registry or that was modified
- you want to re-use your own projects as modules
- you want to distribute some files with your module

↑

連携 †

↑

bowerとの連携 †

コチラを参考にする。

↑

webpackとの連携 †

コチラを参考にする。

↑

各種コマンド †

↑

インストール †

package.jsonの内容に従って、パッケージをインストール
```
npm install
npm i
```

個別にパッケージをインストール

npm install パッケージ名
npm i パッケージ名

↑

--globalオプション †

グローバル・インストール（全てのプロジェクトで使える）
```
npm install --global パッケージ名
npm i -g パッケージ名
```

↑

--saveオプション †

パッケージをインストールし、その内容をpackage.jsonに保存する。

npm install --save
npm i -S

↑

--save-devオプション †

「開発ツール」としてインストール対象のライブラリを認識する。

npm install --save-dev webpack webpack-cli
npm i -D webpack webpack-cli

※ 作成しているアプリケーションが、
ライブラリとして使われる可能性がなければ、
'--saveオプションでインストールしても結果は同じ。

↑

アンインストール †

パッケージのアンインストール

npm uninstall パッケージ名
npm un パッケージ名

グローバル・インストール・パッケージのアンインストール
```
npm uninstall --global パッケージ名
npm un -g パッケージ名
```

↑

インストール・パッケージの表示 †

インストール・パッケージの一覧
```
npm list
npm ls
```

グローバル・インストール・パッケージの一覧
```
npm list --global
npm ls -g
```

↑

参考 †

npm
https://www.npmjs.com

↑

コマンド †

npmコマンドの使い方 - Qiita
https://qiita.com/yoh-nak/items/8446bf12094c729d00fe

↑

package.json †

npm package.json 日本語版取扱説明書
http://liberty-technology.biz/PublicItems/npm/package.json.html

Node.js のパッケージ管理ツール npm の作り方と package.json の使い方 | phiary
http://phiary.me/node-js-package-manager-npm-usage/

Qiita
- npmでnode.jsのpackageを管理する
  https://qiita.com/sinmetal/items/395edf1d195382cfd8bc
- package.jsonの中身を理解する
  https://qiita.com/dondoko-susumu/items/cf252bd6494412ed7847

↑

dependencies †

ちゃんと使い分けてる? dependenciesいろいろ。 - Qiita
https://qiita.com/cognitom/items/acc3ffcbca4c56cf2b95

node.js - Advantages of bundledDependencies over normal dependencies in NPM - Stack Overflow
https://stackoverflow.com/questions/11207638/advantages-of-bundleddependencies-over-normal-dependencies-in-npm/25044361#25044361