gulp ejsで編集したファイルのみをhtmlに出力したい。

Question

前提・実現したいこと

gulp ejs で　編集したファイルだけをコンパイルしたい。

発生している問題・エラーメッセージ

gulpでejsをhtmlにコンパイルしているのですが、一つのejsファイルを変更すると全てのejsファイルがhtmlにコンパイルされてしまいます。

フォルダ階層-------------
.
├── _src/
│ ├── index.html
│ └── about/
│ ├── index.html
│ └── profile.html
│ └── ejs/
│ ├── index.ejs
│ ├── about/
│ └── index.ejs
│ └── profile.ejs
├── gulpfile.js
├── node_modules
├── package.json

該当のソースコード

// ディレクトリ設定
var dir = {
    src_main: '_src', // _srcフォルダ置き換え
    dist: 'dist', // destフォルダ置き換え
}

gulp.task("ejs", function() {
    return gulp.src(
        [dir.src_main + '/ejs/{,**/}*.ejs','!' + dir.src_main + "/ejs/**/_*.ejs"]
    )
    .pipe(plumber())
    .pipe(ejs({}, {}, { ext: '.html' }))
    .pipe( gulp.dest( dir.src_main ));
});

gulp.task('default', ['ejs']
gulp.watch([dir.src_main + '/ejs/{,**/}*.ejs],['ejs']);
);

試したこと

下記の説明通りにも実践してみましたが、こちらで編集したejsファイルのみをhtmlに出力する事はできましたが、フォルダ階層を守ったまま出力する事ができませんでした。
https://makochin-web.net/2459.html

補足情報

gulp 3.9.1

ここにより詳細な情報を記載してください。

Answer 1

gulp.dest の引数を、フォルダ階層が保たれるようにがんばって設定する方法です。
（dir.src_main 等を使うと煩雑になって本質がわかりづらくなりそうだったので、無視して記述しています。）
もっと簡単に書くやり方がある気がしますが、こんな風にすればとりあえず動作はすると思います。

const path = require('path');

gulp.task('watch', function() {
	gulp.watch(['_src/ejs/**/*.ejs']).on('change', srcPath => {
		gulp.src(srcPath)
		.pipe(plumber())
		.pipe(ejs({}, {}, { ext: '.html' }))
		.pipe(gulp.dest(path.join('_src', path.relative('_src/ejs', path.dirname(srcPath)))));
	});
});