Gulp Jade 和 HTML 模板答案

【问题标题】：Gulp Jade and HTML templatesGulp Jade 和 HTML 模板
【发布时间】：2016-02-18 14:50:53
【问题描述】：

我有一个 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'));
});

【问题讨论】：

标签： angularjs node.js gulp pug

【解决方案1】：

使用gulp-if:

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

【讨论】：