作業ファイルをそのまま本番用に出力するだけのGulpの設定

やりたいこと

作業用フォルダから本番用フォルダにファイルを出力するだけの設定メモ。

mapファイルだけ追加で生成する。

簡単に書くと以下のようなイメージ。

作業用フォルダ

• src
  • js
    • script.js

本番用フォルダ

• dest
  • js
    • script.js
    • script.js.map

Gulp ソースコード

Gulp 4ならオプションでsourcemapsを生成できるので以下のように書ける。
よって、gulpだけインストールしていればよい。
※Gulp 3ならgulp-sourcemapsのインストールも必要になる。

gulpfile.js

const gulp = require('gulp');

// 【例】jsをsrcディレクトリからdestディレクトリに出力するだけのタスク
gulp.task('js', function () {
	return gulp
		.src('./src/js/*.js', { sourcemaps: true })
		.pipe(gulp.dest('./dest/js/', { sourcemaps: './' }));
});

// watchタスク
gulp.task('watch', function () {
	gulp.watch('./src/js/*.js', gulp.task('js'));
});

// defaultタスク
gulp.task('default', ['watch']);