Typescript在gulp中的指令html模板

Question

我正在從Grunt切換到Gulp，並且除了一件事之外，我擁有了我需要的所有工作。

當我使用Grunt時，我使用了grunt-ts，它爲處理角度指令的html模板提供了一個非常好的功能。 https://www.npmjs.com/package/grunt-ts#html

它接受我的指令模板html文件併爲它創建一個.ts文件。這非常適合我們的構建過程，因爲所有的.ts文件都被編譯和連接成一個文件。 現在，當我使用gulp-typingcript（https://www.npmjs.com/package/gulp-typescript）時，我不再擁有此功能。 有沒有辦法從grunt-ts到Gulp工作流程重新創建功能？

基本上，我需要做的是：

關注在指定目錄下的所有* .tpl.html文件。 [沒問題]

更改文件時，縮小文件中的html內容（使用gulp-minify-html），並將縮小的html內容添加到與此文件內容相同的新文件（在同一目錄中）：

module [directivename].tpl{ 
    export var html ='MINIFIEDHTML'; 
} 

有關如何完成此任務的任何建議？還是有更好的方法來做到這一點？ `

Answer 1

我相信gulp-angular-templatecache是​​你所需要的。

var templateCache = require('gulp-angular-templatecache'); 

gulp.task('default', function() { 
    return gulp.src('templates/**/*.html') 
    .pipe(templateCache()) 
    .pipe(gulp.dest('public')); 
}); 

你可以看到約翰爸爸怎麼做，從here