Angular2アプリの簡単なデプロイメント、SystemJSとGulpを学ぶ必要がありますか？

Question

私はAngular2でアプリを書いた。ローカルでは、ライトサーバーを使用してアプリケーションは完全に動作します。今、ftp経由でファイルを転送できるウェブホストがあります。私は単純にすべてのファイルをサーバーに転送しようとし、いくつかの絶対パスを修正し、私のアプリケーションをホッピングするとサーバー上でアクセスできるようになりました。

これは機能しません。あなたは実際にそれがここで働いていないのを見ることができます mypage。私はその後、私が飛び越えたほどのものを見つけられなかったこのことについてウェブで読み始めました。私はいくつかの人々は、すべてのjsファイルをアップロードする必要があり、すべてがうまくいくはずですが、私のためにはうまくいかず、多分私はいくつかのばかげたエラーを起こしたと言いました。

他は、Gulp、Webpack、SystemJsを使用してプロセスを説明しています... しかし、彼らは私がこれらのことについてアイデアを持っていないので理解できない方法で説明します。 これらのプロセスは、アプリケーションをより小さく効率的にすることにも関心がありますが、私は気にしません。将来は将来的にはローカルで行うようにしたいと思っています。

ここで私が本当に不思議に思うのは、ローカルで動作するアプリを作るのは簡単なことですが、配備が難しいというのは普通ですが、ローカルとサーバ？ Gulp、SystemJsについてのチュートリアルに従う必要がありますか？ Angular2は現在プロダクションにはないからですか？

答えが明確である場合は、まずどちらを必要とするのですか。これらのことをどのように学習し始めますか？

このサイトで最も関連性の高いものがいくつか見つかりました How to deploy Angular 2 application developed in Typescript to production? しかし私に役立つ回答はありません。

私もHow to prepare release version with SystemJS and Gulp?の最初の答えを試しましたが、私の完全な理解のSystemJsとGulpは私の方法で立っています。

私はこの作業例を見つけましたexample on Github 私はこのプロジェクトと私のプロジェクトを比較する機会がありませんでしたが、例のように何をすべきか理解できません。私のプロジェクトは、すべての私の試行は、ローカルでもはや改善されていないアプリケーションで終了しました。あなたは基本的に同じファイルを2回ロードしている

<script src="sse/test/bundle.js"></script> 
<script> 
    System.import('sse/test/bundle.js') 
     .then(null, console.error.bind(console)); 
</script> 

：あなたのindex.htmlあなたはこれらの行を持って

Answer 1

。 bundle.jsはシステムバンドルとしてパックされており、最初のscriptタグで正しくロードしています。ロードされたら、SystemJSにアクセスできます。そこからメインモジュールを呼び出すだけです。だから、

、に変更インポート・スクリプトを：

<script> 
    System.import('main') 
     .then(null, console.error.bind(console)); 
</script> 

とアプリが動作するはずです...

Answer 2

あなたがhttps://github.com/angular/angular-cliを試してみましたか？ かなり使いやすいですが、私はhow JS module worksを学ぶことをお勧めします。 SystemJSとWebpackはローダとバンドラのための選択肢に過ぎず、Gulpは単なるビルドシステムです。