최근 Angular 2 프로젝트에 JSPM을 사용하여 매우 간단하고 편리하게 작업 할 수있었습니다. 새로운 모듈을 추가 할 때와 프로덕션 용 번들을 만드는 경우 모두.JSPM 대 WebPack 대 Angular 2
jspm install npm:@angular/somepackage
하고 package.json을하고 CONFIGS 나를 위해 자동으로 업데이트됩니다 system.js :
그것은 기본적으로 그냥. 내가 생산 번들을 생성 할 때
단순히 이렇게 :
jspm bundle-sfx app/main app-bundle.min.js --minify
그리고 난 그냥 html로 같이하게 사용하기 :
<body>
<my-app>Loading...</my-app>
<script src="app-bundle.min.js"></script>
</body>
그것은로드 및 빠른 실행됩니다. 작고 큰 Angular 2 어플리케이션 모두에 사용됩니다.
개발 설정도 만족 스럽습니다. 앱을 새로 고침하면 충분히 빠르며 디버깅이 잘됩니다. 또한 JSPM을 통해 NPM 저장소의 거의 모든 모듈을 사용할 수있게되어 매우 좋습니다.
기사를 읽는 중에 사람들이 각도 2 앱의 웹팩으로 이동하고 있다는 인상을받습니다. 내 설정이 잘 작동하고 webpack이 훨씬 더 많은 구성처럼 보이기 때문에 나는 webpack으로 직접 이동하지 않았다.
그러나 JSPM에 대한 지원이 점점 줄어들 것이라고 걱정됩니다. 점점 더 웹팩으로 넘어 가고있는 것처럼 보입니다.
내가 이것 때문에 webpack으로 전환해야합니까? webpack으로 전환하면 내가 찾지 못한 몇 가지 이점이 있습니까? https://github.com/fintechneo/angular2-templates
이 설정에 웹팩 전환의 이점에 대한 몇 가지 의견을 얻을 매우 행복 할 것이다 :
내가
는 여기에서 찾을 수 있습니다 내 설정을 보여주는 아주 간단한 각도 2 퀵 스타트 템플릿을 가지고있다.UPDATE이 질문은 생산 빌드를 위해 내가 더 빠른 로딩 시간의 필요성을 발견 게시 된 이후 2017년 3월 26일
. JSPM (또는 웹팩)이 최적화 된 번들을 생성하더라도, 여전히 너무 크고 번들 다운로드 후에는 angular2 템플릿을 컴파일해야합니다.
그래서 Ahead-of-Time 컴파일러 요리 책 (https://angular.io/docs/ts/latest/cookbook/aot-compiler.html)을 발견했습니다. 다운로드 후 작은 번들이 곧 시작됩니다.
모든 각도 모듈이 npm (jspm 아님)을 사용하여 설치되었지만 병렬 설치가 필요했습니다. 아마도 JSPM을 약간의 노력으로 사용할 수도 있지만 아직 살펴 보지 않았습니다. JSPM과이 AoT 요리 책 모두 롤업을 사용하므로 JSPM과 통합 된 ngc 컴파일러 단계를 얻지 만, 까다로운 부분은 type_script에 node_module 대신 jspm_packages를 사용하게하는 것입니다.
위의 링크는 AoT로 업데이트되었으며 dev 환경에서 여전히 JSPM을 사용합니다.
업데이트 된 질문에 설명 된대로 AoT 제작 빌드로 webpack 작업을 했습니까? –
저는 회사에서 클라이언트 프로젝트 중 하나를 위해 Webpack을 시작했습니다. 9 개월 후에도 실제로 잘 진행되고 있습니다. 이 프로젝트는 현재도 생방송입니다. Webpack을 사용하여 즐기십시오. –