node.js - 无法让 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/'))
});

溴甲烷

Answer 1

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

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

Answer 2

你只需要使用 (gulp-rename) 插件来获得大于版本 4

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'))