skillup

技術ブログ

JavaScript

npmコマンドの整理

投稿日:2018年11月19日 更新日:

npmのコマンドのまとめに関して。

npmとは?

nodeによるライブラリのパッケージ管理の手法。PHPでいうcomposer。composerがcomposer.jsonで管理するのと同様。package.jsonというファイルで依存ライブラリを管理する。

インストールされた記録などはpackage-lock.jsonに記録される。

よく使うコマンド

npm init -y

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

npm install パッケージ名(npm -i パッケージ名)

パッケージのインストール。これをすることで./node_modules以下にライブラリがインストールされる。npm install パッケージ名@バージョンなどの指定もできる。

以下はオプション

-g

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

–save-dev(-D)

サイトの開発時のみ必要な場合はこのオプションが必要になる。主に他の人間がnpm installをした時にこのライブラリが読み込まれるかどうかが変わってくる。

勉強メモ/npmの使い方(node.js=v0.11.16, npm=2.3.0, 2015-03時点)

npm installの–saveと–save-devの違いと-g

npm uninstall

アンインストール。依存ライブラリの関係があるのでnode_modules以下をrmすると不具合が起こる。

npm list –depth==0

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

npxコマンド

node_modules以下にインストールされたライブラリは例えば./node_modules/node-sass/bin/node-sass sample.scss sample.cssなどのコマンドで実行することが可能ですが、長く面倒なためnpx node-sass sample.scss sample.cssと短縮が可能。

npm runコマンド

package.jsonのscriptに記述することで特定の処理を動かすことができます。

上記のように書かれていた場合,npm run devとうつとnpm run developmentを実行したことになり、結果として、

cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.jsを実行することになります。

ちなみに別階層へのインストール、ビルドをしたい場合は、 --prefix をつければOKです。

npm install <package> --prefix ./path/directory/

npm --prefix ./path/directory run build

-JavaScript
-, ,

執筆者:


comment

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

関連記事

no image

gulpに関して

gulpに関しての復習と色々と間違っていたところもあるのでまとめ。 ちなみに以前書いた記事は下記 gulpインストールとタスクの実行 Contents1 インストール2 タスクの実行3 npxコマンド …

no image

携帯のUIに関して

いまさらながらスマホのUI表示に苦戦してます。 まあ、現状のWEBサイトを作る場合、BtoCでもBtoBでもスマホ対策は必須ですよね。 私の場合、デザインが本業でないこともあり、ちょっとサボっていまし …

no image

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

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

no image

vueに関する小ネタ(computed、v-classなど)

先日は埋め込み形式で、vueを書いてましたが、その時に新たな気づいた小ネタなど。 Contents1 computed2 v-class3 ajaxのasync:false computed 主に、v …

no image

npmでのJSライブラリインストール&ビルド(※gulp使用時)

こちらのリンクでJSのnpmパッケージでのインストール&ビルドをしたので、gulpでのビルドを。 前提条件としては nodeのインストール npmのインストール がされていればOKです。 最小構成でい …