2016-12-30 8 views
0

私のejsテンプレートをプロジェクトのルートにある別の "dist"フォルダにあるhtmlファイルにエクスポートする必要があります。私は一息-EJSがインストールされていると、私のgulpfile.jsで次のセットアップを持っているが、それは、フォルダを作成し、それにhtmlファイルをコンパイルされていないん別のフォルダにあるHTMLにEJSテンプレートをコンパイルする

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    cssbeautify = require('gulp-cssbeautify'), 
    ejs = require('gulp-ejs'); 

gulp.task('styles', function(){ 
    gulp.src('sass/**/*.scss') 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(gulp.dest('./css/') 
    ); 
}); 

gulp.task('css', function(){ 
    return gulp.src('./styles/*.css') 
    .pipe(cssbeautify({ 
     indent: ' ', 
     openbrace: 'end-of-line', 
     autosemicolon: true 
    })) 
    .pipe(gulp.dest('./styles/')); 
}); 

gulp.task('ejs', function(){ 
    return gulp.src('./views/pages/*.ejs')<----SHOULD GRAB ALL EJS PAGES 
    .pipe(ejs({}, {ext:'.html'})) <-----ADD EXTENSION OF .HTML 
    .pipe(gulp.dest('./dist')) <-----AND EXPORT THEM TO THE DIST FOLDER 
}); 

//Watch 
gulp.task('default', function(){ 
    gulp.watch('sass/**/*.scss',['styles','css','ejs']); 
}); 

また、次のように私のディレクトリ構造は次のとおりです。

-css 
-node_modules 
-routes 
-sass 
-views 
    |-pages 
    |-about.ejs 
    |-index.ejs 
    |-partials 
    |-head.ejs 
    |-nav.ejs 

-gulpfile.js 
-package.json 
-server.js 

答えて

2

もう1つの{}をejsパラメータに追加する必要があります。

ejs(data,option,settings)

gulp.task('ejs', function(){ 
    return gulp.src('./views/pages/*.ejs')<----SHOULD GRAB ALL EJS PAGES 
    .pipe(ejs({},{}, {ext:'.html'})) <-----ADD EXTENSION OF .HTML 
    .pipe(gulp.dest('./dist')) <-----AND EXPORT THEM TO THE DIST FOLDER 
}); 

これは、私はそれを行うと、それは私のためにどのように動作するかです。 (グッ-EJS 3.0.0を使用して)

https://github.com/mde/ejs & https://github.com/rogeriopvl/gulp-ejs

関連する問題