在生产中“编译”HTML模板的最佳方法是什么？

Question

我正在开发我的第一个Angular2应用程序，我正在使用这个文件夹结构：

components
    component1
        home.component.ts
        home.component.html
        home.component.scss

我正在使用Gulp来运行构建应用程序的任务。最终的文件夹结构将是这一个：

scripts
    somefile1.js
    somefile2.js
    ...
styles
    mine.css
    vendor.css
index.html
favicon.ico

您能告诉我在Javascript文件中合并HTML模板的最佳方法是什么？ 除了我能够轻松调试代码，所以我会在浏览器的检查工具中看到原始的文件夹结构。 我目前正在使用gulp-sourcemaps插件和sourceMap选项设置为true，用于Typescript编译器对样式和脚本执行相同的操作。

我可以使用哪些节点插件来实现HTML模板的目的？

Answer 1

我在多个项目上使用gulp-angular-embed-templates取得了巨大成功。

以下是一个示例任务：

gulp.task('embed-templates', () => {
    gulp.src('app/**/**.js')
        .pipe(embedTemplates({sourceType:'js', minimize: {quotes: true, empty: true}}))
        .pipe(gulp.dest('app/'));
});