1. ホーム
  2. javascript

[解決済み] Gulp - ファイルのコピーとリネーム

2022-02-16 01:30:36

質問

私はGulpの超初心者です。 私は基本的に、変更されたJavaScriptファイルを監視し、そして新しい名前でその新しいコピーを作ろうとしています。 (最終的にはその上にいくつかの処理がありますが、ローマは一日にして成らずです)。

私の(素朴な)試みはこうです。

gulp.task('default', function() {

    return gulp.watch('../**/**.js', function(obj){
        gulp.src(obj.path)
            .pipe(gulp.dest('foobar.js'));
    });

});

これは、変更されたファイルを取り、現在foobar.jsというフォルダに正常にコピーされます。 何か簡単な置き換えはありますか? gulp.dest('foobar.js') を使えば、単に src ファイルをコピーして名前を変えるだけでいいのでしょうか?


EDIT

コピーインプレイスとは、変更したファイルをそのままコピーすることです。 現在ある場所 を新しい名前に変更してください。 Windowsでファイルをクリックし、control-c control-vを押して、できたファイルの名前を変更するのと同じことです。

解決方法は?

の意味が100%わからないのですが。

<ブロッククオート

コピー&リネーム......その場で

しかし、あなたの現在のコードに基づいて、単にあなたが望むなら。

  1. すべてを見る .js のファイルを ディレクトリと
  2. にコピーします。 cwd (カレントワーキングディレクトリ)と
  3. 名称 何れも のコピーです。 問わず ソースファイルの おなじく

そうすれば ガルパリネーム を実行します。

var gulp = require('gulp');
var rename = require('gulp-rename');

gulp.task('default', function() {
  return gulp.watch('../**/**.js', function(obj) {
    gulp.src(obj.path)
      .pipe(rename('newFileName.js'))
      .pipe(gulp.dest('.'));
  });
});

この場合、出力ファイル名は newFileName.js

このモジュールを使うためには gulp-rename パッケージを npm で作成します(例. npm install gulp-rename ).

その他のサンプルは、npm @のパッケージ詳細ページでご覧いただけます。 https://www.npmjs.com/package/gulp-rename#usage