クルーデザイン

Webの勉強をしよう!Web制作の技術やサービス情報を発信します。

gulp.js

gulp.js コンパイル時にエラーになっても中断させない(gulp-plumber)

投稿日:

例えば、gulp.watchでsassをコンパイルするタスクを動かしていた場合、sassの記述を間違えてファイルを保存してしまうと、コンパイルエラーとなり、gulp自体が停止してしいまいます。

こうなるとsassの記述間違いを直して再度gulpを実行する必要が出てしまうので、とても面倒です。

そんな時に便利なのがgulp-plumberです。
このモジュールを使うとエラーになってもgulp自体の停止が回避できます。エラーを気にする必要なく開発に専念できますね!

gulp-plumber のインストール

いつものnpmコマンドですね。

 

gulpfile.js

使い方はとても簡単です。
3行目でモジュールを読み込みます。
エラーが出てもgulpを中断したくない処理(今回だと7行目)の間で呼び出せばOKです。

後はgulpを起動して、エラーになるよにsassファイルを改修してみましょう!

エラーにはなりましたが、gulp自体は動き続けます。
後はエラーの箇所を修正すれば、いつものように再度コンパイルをしてくれます。

たったこれだけでコンパイル時にエラーが出ても、gulpの実行が中断されることが無くなります。簡単で便利なので、どのプロジェクトでも使用していきたいですね。

 

-gulp.js

執筆者:

関連記事

no image

gulp.js 一番簡単なサンプルを作って覚えよう!

gulp(ガルプ)を使うことが一般的になってきました。 私も仕事でgulpを使う機会が多くなってきたので基本的な使い方を書き留めておこうと思います。 良ければ見ていってください。 gulp(ガルプ)っ …

no image

gulp.js sassファイルが更新されたらコンパイルするタスクを作成する(gulp.watch)

ファイル更新の度にgulpコマンドを実行するのが面倒くさい! gulpを使っているとファイル更新の度にgulpコマンドを打つのが面倒になってきます。 そんな時はgulp.watchを使ってみましょう! …

no image

gulp.js XAMPP, MAMPが不要に!Webサーバを起動しよう(gulp-webserver)

ローカルでの開発環境のためにはWebサーバが必要となります。 そのためにXAMPPやMAMPをインストールして使ってきましたが、gulp用のWebサーバも準備されています。 その名も「gulp-web …


comment

メールアドレスが公開されることはありません。