やりたいこと
ファイルのコピー gulp.dest
を行う際に、
各子ディレクトリに、ファイルコピーを行いたい。
ディレクトリ構成
PROJECT_ROOT ┣ dist <<< 本番配布用 ┣ src <<< 開発用 ┣ gulpfile.js ┣ package.json ┗ README.md
となっており、src
内が表題の件の対象になります。
srcディレクトリ内
PROJECT_ROOT ┣ src ┃ ┣ PROJECT1 ┃ ┃ ┣ jade ┃ ┃ ┃ ┗ index.jade ┃ ┃ ┣ stylus ┃ ┃ ┃ ┗ style.styl ┃ ┃ ┗ js ┃ ┃ ┗ script.js ┃ ┗ PROJECT2 ┃ ┗ ...{PROJECT1と基本同構造} ┗ dist
src
ディレクトリ配下の、project1
,project2
,project3
... はプロジェクトごとに増えていく- 上記のディレクトリ構成で、gulpタスク実行後、下記のようにしたい
PROJECT_ROOT ┣ src ┣ PROJECT1 ┃ ┃ ┣ jade ┃ ┃ ┃ ┗ index.jade >>> コンパイル後、./ へコピー ┃ ┃ ┣ stylus ┃ ┃ ┣ ┗ style.styl >>> コンパイル後、css/ へコピー ┃ ┃ ┣ js ┃ ┃ ┃ ┗ script.js ┃ ┃ ┣ css ┃ ┃ ┃ ┗ style.css <<< copied ┃ ┃ ┗ index.html <<< copied ┃ ┗ PROJECT2 ┃ ┗ ...{PROJECT1と同構造} ┗ dist
下記、gulpfile,js
gulp.task('css', function() { gulp.src('./src/**/styl/*.styl') .pipe(plumber()) .pipe(stylus()) // .pipe(gulp.dest('./src/**/css/')); >>> 期待の動作はしない, 「**」dirが生成され、そこのcssディレクトリにcopyされる //.pipe(gulp.dest('./src')); >>> 期待の動作はしない「style」dirにcopyされる });
以上になります。
どうぞよろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー