gulpfileでejsをhtmlで吐き出させたい

Question

以下がコードです。(念のため丸々コピペしているので、sassなどの記述もありますが、今回はEJSについて聞きたいです。)
EJSをhtmlで吐き出すように書いているつもりですが、ejsでしかコンパイルされません。

const gulp = require("gulp");
const sass = require("gulp-sass");
const ejs = require("gulp-ejs");
const plumber = require('gulp-plumber');
const browserSync = require('browser-sync');
const glob = require('gulp-sass-glob');
const rename = require('gulp-rename');

gulp.task('default',function(){
  gulp.watch( "./scss/**/*.scss", gulp.series( "sass" ) );
  gulp.watch( "./ejs/**/*.ejs", gulp.series( "ejs" ) );
});

gulp.task('sass',function(){
  var option = {
    outputStyle: 'expanded',
  };
  return gulp.src('./scss/**/*.scss')
  .pipe(plumber())
  .pipe(glob())
  .pipe(sass(option))
  .pipe(gulp.dest('./'))
  .pipe(browserSync.stream());
});

gulp.task( "ejs", function () {
    return gulp.src('./ejs/**/*.ejs')
    .pipe(plumber())
    .pipe(ejs({}, {}, { ext: '.html' }))
    .pipe( gulp.dest( './' ) )
    .pipe(browserSync.stream())
    .pipe(rename({
      extname: ".html"
    }))
});

root/
root/gulpfile.js
root/scss/main.scss
root/ejs/index.ejs
...(その他諸々)

▼コンパイルされたファイル
root/main.css
root/index.html

ファイルの中身は無事コンパイルされているのですが、htmlに吐き出させるコードだけ機能させることができません。ちなみにsassの記述はコンパイルとcssへの拡張子変更もうまく行っています。
ejsに関して、どこを変更すれば良いのでしょうか。。
また、「こう書いた方がいい」と言った部分などあれば、アドバイスをいただきたいのです。

どうか、よろしくお願いします。

Answer 1

この記事で解決できそうですがどうでしょうか？
https://qiita.com/banakemi/items/14f64b8fdc276205024d

Comments

[sleeeep12]

うまくいきませんねえ〜
ネット上で調べてコピペとかしてみてるんですけど、なぜかejs拡張子にコンパイルされないですね。。

[uemaSR]

下記2点のチェックお願いします。
- gulp-ejsのバージョン
- extのとこと、renameのとこの重複が悪さしてないか

[sleeeep12]

ありがとうございます！
念のためパッケージ全てのver記載します。

"autoprefixer": "^9.5.1",
"browser-sync": "^2.26.5",
"cssnano": "^4.1.10",
"del": "^4.1.1",
"gulp": "^4.0.2",
"gulp-ejs": "^4.0.0",
"gulp-notify": "^3.2.0",
"gulp-plumber": "^1.2.1",
"gulp-postcss": "^8.0.0",
"gulp-rename": "^1.4.0",
"gulp-replace": "^1.0.0",
"gulp-sass": "^4.0.2",
"gulp-sass-glob": "^1.0.9"

rename無しにしても、同じ現象がおきますね、、