프로덕션 환경에서 HTML 템플릿을 "컴파일"하는 가장 좋은 방법은 무엇입니까?

Question

내가 내 첫 Angular2 응용 프로그램을 개발하고 있어요 그리고 난이 폴더 구조를 사용하고 있습니다 : 나는 응용 프로그램을 구축하기위한 작업을 실행하는 데 꿀꺽를 사용하고

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

. 최종 폴더 구조는 다음과 같습니다.

자바 스크립트 파일에 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/')); 
});