2016-07-09 3 views
1

나는 Angular2TypeScript을 사용하여 웹 사이트를 개발 중입니다. 나는 공식 웹 사이트에서 'Getting started'를 따랐다. 그것은 훌륭하다. 하지만 하루가 끝나면 node_modules에 70MB 정도의 물건이 있다는 것을 알게되었습니다. 내가 이해할 수없는 것은 : 모든 것이 정말로 필요하다는 것입니까? 내 webapp을 테스트 할 때 브라우저가이 모든 것을 다운로드하지는 않습니다. 실제로 2MB를 초과하여 다운로드하지는 않습니다.JS 의존성을 위해 NPM을 사용할 때 웹 사이트를 배포하는 방법은 무엇입니까?

내가 백엔드 부분에 대한 봄 부팅 응용 프로그램의 프론트 엔드 부분을 포함하고 싶습니다,하지만이 속도로, 내가 단지는 기가 바이트가 많은 것 같군요 ...

나는 내가 놓친 것 같아요 프론트 엔드 부분을 릴리즈 할 준비가되었지만, 언급했듯이, 나는 그것을 스스로 찾지 못했습니다. npmnode_modules을 사용할 때 가벼운 웹 사이트를 제공하려면 어떻게해야합니까? 에 따라

내가 웹팩은 종속성 관리를 단순화하고 적절한 libs가 아니라 모든 것을 다운로드하는 브라우저를하는 데 도움이 System.js의 대안이라고 이해하고 있습니다 웹팩에 대한 제안 후

편집, 런타임 의존성. 그러나 서버의 node_modules에이 모든 메가 바이트를 업로드해야하는지는 알려주지 않습니다. (또는 나는 그것을 오해하고 있는가?). 서버에 내 웹 사이트 버전을 업로드해야하는 경우 업로드해야하는 라이브러리와 유용하지 않은 라이브러리를 어떻게 파악할 수 있습니까?

+0

Webpack 또는 System.js를 사용하고 있습니까? – Harangue

+0

사용해보기 - https://angular.io/docs/ts/latest/guide/webpack.html#!#production-configuration – Sanket

+0

@Harangue 공식 튜토리얼에서 말한 것처럼 System.js를 사용하고 있습니다! 너와 샌캣이 지적했듯이, 나는 Webpack에 시도해보아야 할 것 같다. 매우 감사한다. – sjahan

답변

0

Webpack으로 전환하는 데 관심이 있으므로 일반 웹팩 구성에서는 bundles (js 파일)을 생성합니다. 이 JS 파일은 HTML 파일과 정적 애셋과 함께 배포 할 때 필요한 파일입니다. 해당 번들에는 필요한 모든 것이 번들로 제공 될 수 있으며 node_modules을 업로드 할 필요가 없습니다.

+0

좋아, 그래서 나는 그것을 정말로 오해했다 : 나는 번들을 생산한다고 생각하지 않았다! 이것은 매우 흥미 롭습니다, 저는 그것을 곧 볼 것입니다! – sjahan