[解決済み] gulpイベントでconsole.logをstdoutに出力する。
2023-03-29 16:17:15
質問
を実行したときに標準出力(設定環境)にログを残したいのですが。 ガルプ タスクが実行中または実行されたときに、(設定環境の)標準出力にログを記録したいです。
このようなものです。
gulp.task('scripts', function () {
var enviroment = argv.env || 'development';
var config = gulp.src('config/' + enviroment + '.json')
.pipe(ngConstant({name: 'app.config'}));
var scripts = gulp.src('js/*');
return es.merge(config, scripts)
.pipe(concat('app.js'))
.pipe(gulp.dest('app/dist'))
.on('success', function() {
console.log('Configured environment: ' + environment);
});
});
どのイベントに反応すればいいのか、どこにリストがあるのかがわかりません。何かポインタがありますか?ありがとうございます。
どのように解決するのですか?
(2017年12月に
gulp-util
モジュールで、ロギングを提供しました。
は非推奨となりました
. Gulp チームは、開発者がこの機能を
fancy-log
モジュールに置き換えることを推奨しました。この回答は、それを反映するために更新されました)。
fancy-log
はロギングを提供し、元々は Gulp チームによって作られました。
var log = require('fancy-log');
log('Hello world!');
ロギングを追加するために
GulpのAPIドキュメント
は、次のように教えてくれます。
.src
は返すとあります。
プラグインにパイプすることができるVinylファイルのストリームを返します。
Node.jsの
Stream
のドキュメントには、イベントのリストがあります。まとめてみると、こんな感じです。
gulp.task('default', function() {
return gulp.src('main.scss')
.pipe(sass({ style: 'expanded' }))
.on('end', function(){ log('Almost there...'); })
.pipe(minifycss())
.pipe(gulp.dest('.'))
.on('end', function(){ log('Done!'); });
});
注
end
イベントはプラグインが完了する (そしてそれ自身の出力をすべて送信する) 前に呼び出されるかもしれません。なぜなら、このイベントは "すべてのデータが基礎となるシステムにフラッシュされたときに呼び出されるからです" 。
関連
-
[解決済み] Node.js の console.log() で '[Object]' ではなく、完全なオブジェクトを取得するにはどうすればよいですか?
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] JSXとLoadshを使用して、ある要素をn回繰り返す方法
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法