2016-06-12 2 views
4

의 생산 빌드를 만들 내가 완전히 내 일을하는 데 변경된 Angular2 빠른 시작 https://angular.io/docs/js/latest/quickstart.html사용 NPM은 Angular2 프로젝트

을 사용하여 프로젝트를 생성, 웹캠 일부 사용, 색인화하고 :-) 같은 것들.

지금 당장은 사이트 추천대로 npm을 사용하고 있으며 npm에 빌드 스크립트를 만드는 대신 빌드를 만들기 위해 Gulp로 변경하는 것이 잘못되었다고 생각합니다.

다음 문제는 내가 한 번도 해 본 적이 없으며 완전히 잃어 버렸습니다 ... 내가 사용할 수있는 모든 빌드 스크립트에 대해 알고 있습니까? 아니면 꿀꺽 거리는 소리로 전환해야합니까?

는 내가 볼

+0

프로덕션 빌드를 만드는 것은 무엇을 의미합니까? ''Angular 2가 개발 모드에서 실행 중일 때''생산 모드를 활성화하려면 enableProdMode()를 호출하십시오. "' – Gab

+0

Gabriele에 대해 언급 해 주셔서 감사합니다. 프로덕션 모드로 실행하면 앵귤러 2가 동작하는 몇 가지 방식, 추적하는 방식 또는 성능 향상 등이 달라질 것입니다. 나는 벤더와 함께 index.html을 제공하지 않을 것이고, app.js가 축소되어 모든 것을 의미한다고 생각하겠습니까? – RollWhisTler

답변

3

가, 지금은 오해가 어디 있는지 이해 생각 감사드립니다. 제공된 링크는 자바 스크립트를 사용하는 Angular2 용입니다. 생산 Angular2 빌드를 만드는 가장 좋은 방법은 Typescript를 사용하는 것입니다 (그리고이 시점에서 공식적으로 지원되는 유일한 방법이라고 생각합니다). Here은 Typescript를 사용하는 자습서에 대한 링크입니다. 그게 뭔지 모르겠다면 here's.

Typescript와 함께 Angular2를 사용하는 방법을 배우고 나면 프로덕션 환경에서 Angular2에 대한 this 문서를 읽는 것이 좋습니다.

또한 현재 프로덕션을 위해 앱을 자동으로 빌드하는 명령 줄 인터페이스를 사용하고 있습니다. 그들은 그것을 발표했지만이 시점에서 버그입니다.

+0

감사합니다. 감사합니다! 나는 이미 타이프 스크립트 (textcript)를 사용하고 있습니다. 잘못된 링크에 죄송합니다. typescript를 사용하여 필요한 모든 js (공급 업체 및 사용자 지정)를 함께 사용하는 npm 스크립트를 만드는 것이 멋지지만 그것에 대해 아무 것도 찾을 수 없다고 생각합니다. 사소한 것이 아닌 것 같습니다 .-)). 나는 우리가 "더 나은"대답을 얻는 경우를 대비하여이 날을 더 열어 놓았습니다. 그렇지 않다면, 나는 당신의 것을 표시하고, 뭔가를 만들려고 노력합니다. 내가 성공한다면, 나는 다시 여기에 게시 할 것입니다. – RollWhisTler

+0

@RollWhisTler 저는 [angular-cli] (https://github.com/angular/angular-cli)를 사용한다면'ng build -prod'를 실행할 수 있습니다. 프로젝트를 모든 코드가 들어있는 html과 css 및 1 js 파일로 변환하십시오. 성능이 크게 향상됩니다. – Gab

+0

예, 슬프게도 angular-cli가 최신 @angular 종속성 표기법으로 업데이트되지 않았거나 마지막으로 확인하지 않았습니다. 나는 webpack을보고 싶다. – RollWhisTler

0

내 프로젝트를 제안 할 수도 있습니다. Zwitterion. Zwitterion은 TypeScript 파일을 브라우저에 직접 포함시킬 수있는 서버로, 가져온 모든 모듈을 응용 프로그램에 자동으로 전달합니다. 프로덕션 빌드를 수행하려면 --build-static 명령을 사용하여 Zwitterion을 실행합니다. 매우 간단합니다. 자세히 알아 보려면 the article 또는 GitHub repo을 확인하십시오.