gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

gulp使用時に現在どのようなタスクが定義されているか確認したり、どのプラグイン・モジュールをインストールしているかをコマンドで確認する方法です。すごく使用頻度が高いというわけではないですが、ざっくりと定義されてるタスクを見たい時や package.json を見に行くのが面倒な時に使えます。

定義されたタスクを確認する

もちろん具体的に何をやっているかはそれぞれ確認していく必要がありますが、とりあえず定義されているタスクやどのようなタスクが組み合わさっているかなどを確認する方法です。
例えば、自分が作成したものだけど久しぶりに触るのでどんなタスクがあったか確認したい時や他の人が作成したものでどのようなタスクを用意しているのかざっくりと確認したい時、gulpfile.jsだけで完結せずタスクがファイル分割されていてそれらすべてに目を通すのが面倒な時などに使え、下記コマンドを実行することで確認できます。

$ gulp --tasks

コマンドを実行すると下記のようなツリー形式で各タスクが表示され、例えばサンプルにあるdefaultのように、そのタスク内に更にどのようなタスクが定義されているのかもパッと見でわかるように表示されます。

[00:00:00] Tasks for ~\path\gulpfile.js
[00:00:00] ├─┬ default
[00:00:00] │ ├── task1
[00:00:00] │ └── task2
[00:00:00] ├── task1
[00:00:00] ├── task2
[00:00:00] ├─┬ task3
[00:00:00] │ ├── task3-a
[00:00:00] │ └── task3-b
[00:00:00] ├── task3-a
[00:00:00] └── task3-b

ちなみに、この表示は$ gulp --tasksではなく$ gulp -Tでも表示させることができます。

タスク名のみ確認する

上で紹介した方法ではタスクをわかりやすいツリーで表示させ、さらにどのタスクを組み合わせているかなども確認できるというものでしたが、単純にタスク名だけを確認したいという時は下記コマンドを実行することで確認できます。

$ gulp --tasks-simple

コマンドを実行すると下記のような形で単純にタスク名のみが一覧表示されます。

task1
task2
task3
task3-a
task3-b
default

インストール済みのプラグイン・モジュール名とバージョンを確認する

package.jsonを見に行くのが面倒な時など、下記コマンドを実行することでローカルにインストールしているプラグイン・モジュール名とそれぞれのバージョンを確認することができます。

$ npm ls --depth=0

コマンドは$ npm list --depth=0などでも可能で、実行すると下記のような形で表示されます。
また、もう少し階層を深くまで確認したい時は$ npm ls --depth=1のように上記で0としていた部分を変更していけば確認できます。

├── browser-sync@2.12.10
├── del@2.2.0
├── gulp@3.9.1
├── gulp-autoprefixer@3.1.0
├── gulp-ejs@2.1.1
├── gulp-if@2.0.1
├── gulp-imagemin@3.0.1
├── gulp-load-plugins@1.2.4
├── gulp-notify@2.2.0
├── gulp-plumber@1.1.0
├── gulp-sass@2.3.1
├── gulp-sourcemaps@1.6.0
├── gulp-webpack@1.5.0
└── run-sequence@1.2.1

Back to Top

gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

/ Services & Resource

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。