2016-06-12 17 views
4

の生産ビルドを作成するために、私は完全に私のことを行うためにそれを変更しAngular2クイックスタートhttps://angular.io/docs/js/latest/quickstart.html使用NPMはAngular2プロジェクト

を使用してプロジェクトを作成し、Webカメラのいくつかの使用方法、のIndexedDBとその:-)のようなもの。

サイトの推奨どおりにnpmを使用していて、npmにビルドスクリプトを作成するのではなく、ビルドを作成するためにGulpに変更するだけで間違っているということです。

次の問題は、私がこのようなことをしたことは一度もなく、私は完全に失われているということです。私が使うことのできるビルドスクリプトを知っていますか?または、私はGulpに切り替える必要がありますか?

ありがとうございました

+0

プロダクションビルドを作成するとどういう意味ですか? Angular 2が開発モードで動作しているのを止めようとしていますか?enableProdMode()を呼び出してプロダクションモードを有効にしていますか?」「 – Gab

+0

Gabrieleにコメントしていただきありがとうございます。私は生産モードで走っていると、角度2が動作するいくつかの方法、それが追跡するもの、性能の改善などが変わるでしょう。 私はvendor.hとindex.jsとapp.jsを提供してくれるとは思っていません。すべてが意味していることは分かりますか? – RollWhisTler

答えて

3

私は、誤解がどこにあるか分かりました。あなたが提供したリンクは、JavaScriptを使用してAngular2用です。プロダクションAngular2ビルドを作成する最も良い方法は、Typescriptを使用することです(この時点では正式にサポートされている唯一の方法だと私は信じています)。 Hereは、Typescriptを使用したチュートリアルへのリンクです。あなたはそれが何であるか分からなければ、here'sそれについての質問。

TypescriptでAngular2を使用する方法を学んだら、本番でAngular2に関する記事thisを読むことをお勧めします。

また、現在、プロダクション用にアプリを自動的にビルドするコマンドラインインターフェイスを使用しています。彼らはそれをリリースしましたが、この時点ではバグです。

+0

私はそれをチェックします、ありがとう!私はすでにtypescriptを使用しています、間違ったリンクを申し訳ありません。 私は、typescriptを使って必要なjs(ベンダーとカスタム)を一緒に取得するnpmスクリプトを作成すると素晴らしいと思いますが、何も見つけられませんでした。私はあなたに "より良い"答えを得るために、これをもう少し開いておきます。もしあなたが私に印をつけて何かを作ろうとするなら、 – RollWhisTler

+0

@RollWhisTler [angular-cli](https://github.com/angular/angular-cli)を使用している場合は、 'ng build -prod'を実行するだけで、プロジェクトをすべてのコードを保持するhtmlとcssと1 jsファイルにのみプロジェクトします。パフォーマンスが大幅に向上します。 – Gab

+0

悲しいことに、angle-cliは最新の@angular依存関係の表記に更新されていないか、前回チェックしたものではありません。私はwebpackを見てみたいです。 – RollWhisTler

0

私のプロジェクトにはZwitterionをお勧めします。 ZwitterionはTypeScriptファイルをブラウザに直接取り込むことを可能にするサーバーであり、アプリケーション内のインポートされたすべてのモジュールを自動的に透過化します。プロダクションビルドを行うには、--build-staticコマンドでZwitterionを実行します。それは非常に簡単で、詳細についてはthe articleまたはGitHub repoをご覧ください。

関連する問題