无法让gulp-ejs将EJS编译为.html

Question

您好，我使用gulp自动将.ejs文件编译成html文件，但是当gulp-ejs编译这些文件时，它会将其转换为ejs。我想我需要在ejs()对象中定义.html扩展，但是我可以让它工作。

这就是我到目前为止得到的：

gulp.task('ejs', function(){
    return gulp.src('src/templates/**/*.ejs')
    .pipe(ejs())
    .pipe(gulp.dest('builds/dev/'))
});

我也尝试过这个：

gulp.task('ejs', function(){
    return gulp.src('src/templates/**/*.ejs')
    .pipe(ejs({setting: '.html'}))
    .pipe(gulp.dest('builds/dev/'))
});

Br M

Answer 1

您需要在设置对象中提供ext option，如下所示：

gulp.task('ejs', function(){
  return gulp.src('src/templates/**/*.ejs')
   .pipe(ejs({}, {ext:'.html'}))
   .pipe(gulp.dest('builds/dev/'))
});

Answer 2

对于高于版本4的，只需使用(gulp-rename) 插件即可

const ejs = require('gulp-ejs')
const rename = require('gulp-rename')
 
gulp.src('./templates/*.ejs')
  .pipe(ejs({ title: 'gulp-ejs' }))
  .pipe(rename({ extname: '.html' }))
  .pipe(gulp.dest('./dist'))