gulpfile snippets


SCSSのコンパイル

gulp.task(scssCompile, function () {
    gulp.src('scss/**/*.scss')
        .pipe(scss())
        .pipe(gulp.dest(TARGET_PATH + 'css'))
});

ES6で書いたjavascriptをES5形式に戻して圧縮して出力する

gulp.task(jsCompile, function () {
    gulp.src('js/**/src.js')
        .pipe(plumber())
        .pipe(webpack({
            output: {
                filename: 'bundle.min.js'
            }
        }))
        .pipe(babel())
        .pipe(uglify())
        .pipe(gulp.dest(TARGET_PATH + 'js'))
});


ファイルをコピーする

gulp.srcで読み込んだファイル群をそのままpipe(gulp.dest(送り先))で送り出しておけばおk

//例えば、画像ファイルをすべてターゲットフォルダにコピーする
gulp.task(imgCopy, function () {
    gulp.src('img/**/*')
        .pipe(gulp.dest(TARGET_PATH + "img"));
});