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

时间:2017-06-08 05:53:11

标签: gulp gulp-uglify gulp-useref

我使用gulp打包我的应用程序。但我只得到index.html作为输出。

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

我的期望是:

index.html href和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' ]);

1 个答案:

答案 0 :(得分:0)

将注释行添加到html文件后,问题已修复。

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