Gulp Jade 和 HTML 模板

Question

我有一个 AngularJS 项目，我有现有的 HTML 模板，我也想开始使用 Jade 模板。我想为模板创建一个 gulp 任务，但我不确定如何跳过 HTML 文件的 Jade 步骤。这是我拥有的：

gulp.task('templates', function () {
    return gulp.src('./client/views/**/*.{html, jade}')
        .pipe(jade())
        .pipe(htmlmin({
            collapseWhitespace: true,
            removeComments: true
        }))
        .pipe(templateCache({
            root: 'views/',
            module: 'omApp'
        })) 
        .pipe(gulp.dest('./client/dist/scripts/templates'));
});

Answer 1

使用gulp-if:

gulp.task('templates', function () {
return gulp.src('./client/views/**/*.{html, jade}')
    .pipe(gulpif(function(file) { 
        return /jade$/.test(file.path); 
    }, jade()))
    ....