import * as gulp from 'gulp'; import useref = require('gulp-useref'); // Usage gulp.task('default', function () { return gulp.src('app/*.html') .pipe(useref()) .pipe(gulp.dest('dist')); }); gulp.task('default', function () { return gulp.src('app/*.html') .pipe(useref({ searchPath: '.tmp' })) .pipe(gulp.dest('dist')); }); import gulpif = require('gulp-if'); import uglify = require('gulp-uglify'); import minifyCss = require('gulp-minify-css'); gulp.task('html', function () { return gulp.src('app/*.html') .pipe(useref()) .pipe(gulpif(f => f.path.endsWith('.js'), uglify())) .pipe(gulpif(f => f.path.endsWith('.css'), minifyCss())) .pipe(gulp.dest('dist')); }); // Transform Streams import * as sourcemaps from 'gulp-sourcemaps'; import lazypipe = require('lazypipe'); gulp.task('default', function () { return gulp.src('index.html') .pipe(useref({}, lazypipe().pipe(sourcemaps.init, { loadMaps: true })())) .pipe(sourcemaps.write('maps')) .pipe(gulp.dest('dist')); }); // options.additionalStreams declare function ts(): any; // create stream of virtual files var tsStream = gulp.src('src/**/*.ts') .pipe(ts()); gulp.task('default', function () { // use gulp-useref normally return gulp.src('src/index.html') .pipe(useref({ additionalStreams: [tsStream] })) .pipe(gulp.dest('dist')); }); // options.transformPath gulp.task('default', function () { return gulp.src('app/*.html') .pipe(useref({ transformPath: function(filePath) { return filePath.replace('/rootpath','') } })) .pipe(gulp.dest('dist')); });