[解決済み] gulp.src()で現在のファイル名を取得します。
2022-05-15 10:53:59
質問
私のgulp.jsファイルでは、すべてのHTMLファイルを
examples
フォルダから
build
フォルダーにコピーします。
gulpタスクの作成は難しくありません。
var gulp = require('gulp');
gulp.task('examples', function() {
return gulp.src('./examples/*.html')
.pipe(gulp.dest('./build'));
});
しかし、タスクで見つかった(処理された)ファイル名を取得する方法がわからない、または適切なプラグインが見つからない。
どのように解決するのですか?
ファイル名をどのように使用したいのか分かりませんが、以下のいずれかが役に立つはずです。
-
名前だけを表示したい場合は、次のようなものを使用できます。
gulp-debug
のようにすると、ビニールファイルの詳細がリストアップされます。 これをリストが欲しいところに、次のように挿入してください。var gulp = require('gulp'), debug = require('gulp-debug'); gulp.task('examples', function() { return gulp.src('./examples/*.html') .pipe(debug()) .pipe(gulp.dest('./build')); });
-
もう一つの選択肢は
gulp-filelog
で、これは使ったことはありませんが、似ているようです(もう少しすっきりしているかもしれません)。 -
もう一つの選択肢は
gulp-filesize
で、これはファイルとそのサイズの両方を出力します。 -
もっと制御したい場合は、次のようなものを使うことができます。
gulp-tap
のようなものを使うと、独自の関数を提供してパイプの中のファイルを見ることができます。
関連
-
[解決済み] gulp - internalBindingが定義されていません。
-
[解決済み] gulp serve でエラーが発生しました。外部モジュール babel-register が必要です。
-
TypeError: 未定義のプロパティ 'apply' を読み取ることができません。
-
AssertionError [ERR_ASSERTION] です。タスク関数を指定する必要があります
-
gulp4 pit: assert.js throw err AssertionError.
-
gulp - タスク関数の指定が必要な問題を解決する。
-
gulpfile.jsの落とし穴 - インジェクション (gulp-inject,gulp-wiredep)
-
[解決済み】Gulpのタスクにパラメータを渡す
-
[解決済み] gulp.src()で現在のファイル名を取得します。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] gulp - internalBindingが定義されていません。
-
[解決済み] gulp serve でエラーが発生しました。外部モジュール babel-register が必要です。
-
TypeError: 未定義のプロパティ 'apply' を読み取ることができません。
-
AssertionError [ERR_ASSERTION] です。タスク関数を指定する必要があります
-
gulp4 pit: assert.js throw err AssertionError.
-
gulp - タスク関数の指定が必要な問題を解決する。
-
gulpfile.jsの落とし穴 - インジェクション (gulp-inject,gulp-wiredep)
-
[解決済み】Gulpのタスクにパラメータを渡す
-
[解決済み] gulp.src()で現在のファイル名を取得します。