###Gulp 出力先を一つ上の階層にしたい
Gulp を使用して制作しています。
普通は開発と出力は分けて制作すると思いますが、
プロジェクトごとに Gulp をインストールしていると面倒なので
1つにまとめてやろうと考えてます。
開発ディレクトリ=公開ディレクトリのような感じにしてやろうという試み
###現在のGulp-Renameとdestの指定
gulp.task('sass', function() { gulp.src('src/**/sass/**/*.scss') .pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') })) .pipe(frontnote()) .pipe(sourcemaps.init()) .pipe(sass({ outputStyle: 'expanded', sourcemap: true })) .pipe(autoprefixer({ browsers: ['last 2 version'], cascade: false })) .pipe(mmq()) .pipe(sourcemaps.write('')) .pipe(rename(function(path) { path.dirname += '/css'; })) .pipe(gulp.dest('src/')) .pipe(browser.reload({ stream: true })) });
###作業ディレクトリ構造
src ├ Project1 │ └ sass │ └ css ←ここに出力される ├ Project2 ├ Project3 │ ├ sass │ └ css ←この階層に出力したい ├ Project4 │ gulpfile.js
###sass と css の階層を同じにしたい
同様に js も いちいち開発と出力の階層を分けたくない、
作業中にフォルダの行きかいが とてもだるいのでまるごと完結したい。
この方法であれば、Gulpfile.js で指定を分ければ、
プロジェクトごとの Gulpfile.js を作れば、1つの Gulp で完結できる?
と考えています。
###gulp-rename を色々試してみたが…
上記の指定が個人的に限界でした。Node Javascript は初心者で全然理解出来ません。
.pipe(rename(function (path) { if (path.extname) { if (path.dirname === '.') { path.dirname = ''; } path.dirname = ''; } }))
海外フォーラムでこのような指定を見かけましたが理解ができなかったです。
解決策等ありましたら、教えていただきたいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/21 01:09