2016-10-11 5 views
2

시작하려면 2/3 년 동안 Angular 1을 사용하여 개발 중이며 현재는 typescript와 함께 typecript를 사용하고 있다고 말하고 싶습니다. 이름 공간/내부 모듈 및 1.5 구성 요소.Angular 1/2 하이브리드 응용 프로그램에 Webpack을 사용하는 것이 현명합니까?

Angular 2를 통합하려고 할 때, Angular.io 웹 사이트의 문서가 유익한 동안 대부분의 사람들과 마찬가지로 저는 몇 가지 작업을 진행하는 데 여전히 많은 어려움을 겪고 있습니다. 전에 모듈 로더/번들을 사용 해본 적이 없으며 이것은 약간의 학습 곡선으로 보입니다. 업그레이드 자습서에서는 SystemJ를 사용하지만 Webpack은 실제로 선호되는 결합 자이지만 Webpack 자습서는 하이브리드가 아닌 순수한 Angular 2 앱과 관련하여 만 검색한다고 들었습니다.

하이브리드 응용 프로그램에 가장 적합한 모듈 로더/브랜딩 러는 무엇인지 묻고 싶습니다. 또한 외부 모듈 대신 타이프 스크립트 네임 스페이스를 사용하면 하이브리드 응용 프로그램을 만들 수도 있습니다. 나는 webpack이 import 문을 사용하여 종속성을 통해 작동한다는 것을 알고 있으므로 이것을 배제 할 것이라고 생각하고 있습니다.하지만 먼저 네임 스페이스에서 이동 한 다음 Angular 2를 통합하는 방법을 고려해야합니까?

업그레이드 어댑터를 연결하는 것으로 보이는 Angular.io의 업그레이드 가이드 부분도 매우 명확하지 않습니다. 코드 스 니펫은 있지만 어떤 파일에 있어야하는지에 대한 언급이 없으며 일부 스 니펫은 작동하지 않는 것으로 보입니다. 예를 들어, 업그레이드 어댑터가 별도의 파일로 옮겨지면 마술처럼 AppModule을 가져 오는 것 같지만 가져 오지 않습니다.

사람이 그냥 각도 2를 잊고 당신이 짝을 갈이 코너 1.

+0

나는 angular1과 angular2 하이브리드 응용 프로그램을 systemjs와 함께 사용하고 있습니다. 그래도 webpack을 보지 않았습니다. 하지만 내 트릭은 angular1 관련 파일을 정상적으로로드하는 것이지만 angular2 부트 스트래핑을 오버 라이드하고 angle2 부트 스트랩 프로세스에서 수동으로 부트 스트랩합니다. 이 방법은 angular1에서 angula2 컴포넌트를 사용하고 angular1에서 angular2 클래스를 사용합니다. –

+0

@AtulChaudhary, Webpack에서 Angular2로 작성된 Webpack에서 각도 j를 정상적으로 유지함으로써 Webcpack에서도 동일한 작업을 수행했습니다. 나는 또한 모든 것을 한 묶음으로 만들 수있는 해결책을 찾고있다. – Shan

+0

@Chris N Webpack에서 각도 1과 각도 2 모두를 단일 번들로 작업했습니다. –

답변

1

고수처럼 느끼는 순간으로는 많이 주시면 감사하겠습니다 내 쿼리의 한에 약간의 빛을 흘릴 수 있다면. 이것은 당신이 angular1과 angular2 하이브리드 응용 프로그램으로 시작할 수있는 github repo에 대한 링크입니다. 내 프로젝트 설정으로 .net 코어를 사용하고 있지만 무엇이든 사용할 수 있습니다. @ progress/kendo-ui는 json 패키지와 kendo가 들어있는 패키지에서 지워야합니다. npm install 또는 npm run dist 명령을 실행하여 dist 폴더를 만듭니다. REPO에 대한

링크 Angular webpack hybrid Github repo

당신이 완료되면이 답입니다 동의를 확인합니다. 다른 사람들에게도 도움이 될 것입니다

+0

내가 복사 한 크레딧을 언급하는 것을 잊어 버렸습니다. https://github.com/preboot/angular2-webpack –

관련 문제