gulp - Gulp `build` 没有按预期工作，只给出 `index.html` 作为输出

Question

我正在使用gulp. 但我得到的只是index.html作为一个输出。

我无法查看vendar.js,app.js文件中添加了所有css文件的index.html文件。

我的期望是：

从index.htmlhref 和 src 获取所有文件。从那里按序列压缩索引文件中的内容并发送到dest文件夹。

这是我的代码：

var gulp = require("gulp");
var ghtmlSrc = require('gulp-html-src');
var templateCache = require("gulp-angular-templatecache");
var gulpif = require('gulp-if');
var ngAnnotate = require('gulp-ng-annotate');
var minifyCss = require('gulp-minify-css');
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');

gulp.task('templates', function() {
    return gulp.src('./WebContent/src/**/*.html')
    .pipe(templateCache({
        root:'src/',
        module: 'newPCSApp.templates',
        standalone: true
    }))
    .pipe(gulp.dest('WebContent/src/app/'));
});

gulp.task('compress', function() {
            return gulp.src('./WebContent/index.html')
            .pipe(useref())
            .pipe(gulpif('*.js', ngAnnotate()))
            .pipe(gulpif('*.js', uglify({ mangle: false })))
            .pipe(gulpif('*.css', minifyCss()))
            .pipe(gulp.dest('./dist'));
        });


gulp.task('build',['templates', 'compress' ]);

Answer 1

在我将注释行添加到 html 文件后，问题已解决。

<!--build:css css/style.min.css --> <!-- endbuild --> <!-- build:js js/vendor.min.js --> <!-- endbuild --> <!-- build:js js/app.min.js --> <!-- endbuild -->