Каков наилучший способ «скомпилировать» 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 

Можете ли вы сказать мне, что это лучший способ, чтобы включить шаблоны HTML в Javascript файлов? Кроме того, я мог бы легко отлаживать код, поэтому я увижу исходную структуру папок в инструментах проверки браузера. В настоящее время я использую плагин gulp-sourcemaps и sourceMap, который установлен в true для компилятора Typcript, чтобы сделать то же самое для стилей и скриптов.

Какие плагины узлов можно использовать для достижения этой цели для 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/')); 
});