あふれさせる宛先フォルダを動的に指定する方法

Question

私はすべての資産をこれに似たフォルダ構造にしています。

-page1 
-page1.html 
-stylesheets 
    -page1 
    -page1style.css 

-page2 
page2.html 
stylesheets 
    page2 
    page1style.css 

私はこれが最良のフォルダ構造ではないことを認識していますが、私が問題を予測する前にこの方法を選択します。私の.htmlファイルでは、/stylesheets/name-of-page/foo.cssのようなスタイルシートを参照しています。すべてのミニファイルが指定された保存先フォルダに置かれているが、次の構造を持つため、gulpスクリプトを作成するときに問題が発生する。

私はこの

-build 
-page1 
    -page.css 

TLのようなものを持っていると思い

-build 
-page1 
    -stylesheets 
    -page1.css 

; DRまたは私の質問は、ロジックの場合は、スクランブルされています。私は、実行時にファイルのsrcパスを見たいのですが、その後、その行先を計算するために何らかの文字列操作を実行します。あなたが探していることはgulp-renameある

Answer 1

：

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

gulp.task('default', function() { 
    gulp.src('src/**/*') 
    .pipe(rename(function(file) { 
     if (file.extname === '.css') { 
     file.dirname = //change directory to something else 
     file.basename = //change file name (without extension) to something else 
     } 
    })); 
}); 

私はまた、あなたの代わりにあなたのファイルのパスを調整するための直接的な文字列操作のpathモジュールに見てください。