2017-11-08 4 views
0

내 프로젝트는 하이브리드 AngularJS/Angular 프로젝트이며 꺽쇠를 사용하여 Angular 파트에서 다음과 같은 변형을 수행합니다. TS -> ES6 -> 바벨 (ES5 +) -> 꿀꺽 시계 및 캐싱 및지도 - 마법 나는 각 CLI를 사용하여 더 많은 표준이 될 수 있도록하지만, 할 수있는 방법을 찾을 수 없습니다바벨 변환으로 Angular-Cli를 사용할 수 있습니까

의 롤업 또는 SystemJS 그리고 많이 각진 cli의 바벨 변환. 지원되는 플랫폼이 허용하는대로 점진적으로 ES6 이상으로 이동할 수 있기를 원하지만 맵 파일을 계속 유지하려고합니다.

Babel을 Angular-cli에 연결하고 전체 프로세스에서지도 파일을 보관할 수있는 방법이 있습니까?

꿀꺽 꿀꺽 마시 러 가서 먹기 전에 브로콜리를 만들었지 만 모든 플러그인을지도 파일과 함께 사용할 수 없었고 Angular Cli는 브로콜리를 기반으로하므로 길을 찾을 수 없습니다.

도와주세요. :) 완성도를 들어

답변

0

다른 사람이 쳐다 본다 경우 :

기본적으로 사용 웹팩는 각 빌드를 번들로. 그것은 모든 상자를 확인하는 유일한 방법입니다 :

  • TS를 -> AOT -> JS -> 번들 -> 최적화 변환 체인
  • 여러 빌드에서
  • 소스지도는
  • 다중 출력을
  • 시계 단계 모드

하지만! 이를 수행하기 위해 CLI를 사용할 필요가 없으며 모든 옵서버에 부합하지 않는 큰 AngularJS 투자를 할 가능성이 높으므로 사실 더 어렵습니다.

gulp-webpack 패키지를 사용하여 꿀꺽 꿀꺽함 작업 내에서 기본 빌드 프레임 워크로 gulp를 유지하고 Angular 빌드에 webpack을 호출하는 결과가 발생했습니다. 내가 가지고있는 유일한 제한은 최근에 해당 디렉토리에있는 적어도 하나의 파일이 변경되었을 때 webpack (비 시계 모드에서)을 실행하고 싶다는 것입니다. gulp-webpack은 스트림이 비어있을 때도 실행되는 것 같습니다.