Angular 2 프로젝트를 하나의 app.js 파일로 컴파일

Question

나는 인터넷 검색을 통해 답변을 찾았습니다 : 어떻게 하나의 파일에 의존성을 포함한 모든 Angular 2 코드를 컴파일합니까? 이것은 여러 번 묻지 만 다른 접근 방식이 있습니다. 각도 시작하기 전에 내 파일 트리이었다 :

public 
source 
└─── _base 
     ├─── sass 
     └─── img 
└─── _structure 
     ├─── sass 
     └─── img 
├─── gulpfile.js 
├─── node_modules 
└─── package.json 

지금 내 현재 filetree은 다음과 같습니다

: 계획은 꿀꺽와 __directives/ __services/ __components 폴더에서 파일을 끝나는 모든 .TS을 복사했다

public 
source 
├─── __components 
├─── __directives 
├─── __services 
└─── _base 
     ├─── sass 
     └─── img 
└─── _structure 
     ├─── sass 
     └─── img 
├─── gulpfile.js 
├─── node_modules 
└─── package.json 

, systemjs을 실행하고 을 ./public 폴더로 내 보냅니다.

현재 설정으로이 작업을 수행 할 수 있습니까? (현재 파일 트리 설정으로 작업이 복잡 해짐)

Answer 1

Webpack과 같은 모듈 묶음이 필요합니다.