2016-10-03 15 views
2

私は角2を学んでいます - 私は公式のTour Of Heroチュートリアル(https://angular.io/docs/ts/latest/tutorial/)を終了し、トレーニングのためだけに天気の自分のウェブサイトを構築しました。ローカルNodeJS 1からウェブサイトにangle2アプリを変換

チュートリアルのアプリケーション全体が、NodeJSを使用して構築されました。これは、わかっているように、javascriptファイルの実行に使用されています。 しかし、私のウェブサイトをサーバー(無料のホスティングの1つ)にアップロードして、他のデバイス(モバイル、タブレットなど)でどのように見えるのかを確認するにはどうすればよいですか?

角度がないと、問題はありません。FTPクライアントを使用して、.html、.css、および.jsファイルをホストにアップロードするだけです。 しかし、angular2アプリケーションでどうすればいいですか?私のプロジェクトのディレクトリには、node_modules、typingのようなフォルダがあります。それらにはたくさんのファイルが含まれており、必要な場合はわかりません。私はブラウザが(私が使用している)TypeScriptをサポートしていないことを知っています。だから私は.jsファイルだけをアップロードすべきですが、どのようにするべきでしょうか?どのファイルをアップロードする必要がありますか?

node_modulesと入力用フォルダ以外はすべてアップロードしようとしましたが、ウェブサイトにアクセスしようとしたときに「読み込み中...」と表示されました。

私はこれを見ました:Hosting Angular 2 app そして、人々はちょうど私がしたすべてのjsファイルをアップロードすると言いました。ここで

は私のウェブサイトへのリンクです:http://myweatherapp.comxa.com

// EDIT 上記のすべてこの一つの質問で表すことができるウェブサイトにローカルangular2-クイックスタートアプリを変換する手順はどのようなものがあり、どのウェブホスティングにアップロードできますか?

+1

** webpack **を** babel **と共に使用して、コードをバンドルしてindex.jsのように1つのJSにトランスペアレントにすることができます。 次に、ビューとcssおよびindex.jsファイルをサーバーにアップロードするだけで済みます。 – Nivesh

+0

新しいパッケージを実装せずに自分のウェブサイトをアップロードしたいと思っています。それは可能ではありませんか? – Loreno

+0

OK、それで私のローカルnodeJS 2アプリ(angle2チュートリアルのquickstartアプリのような)をウェブサイトに変換するステップが表示されるガイドがあります(見つけられません)。ホスティング?私はこのすべてのものには新しく、実際にそれを行う方法はわかりません。別のもの:NodeJSでアプリを実行しているときにtsconfig.jsonがあり、ターゲットがあります: "es5" - jsファイルを取得するのに十分ではなく、インターネットブラウザで理解できるでしょうか? – Loreno

答えて

1

Angular-Cliをご覧ください。

彼らはAngular 2アプリを構築/バンドルするのがとても簡単です。角度2のプロジェクトをスタンドアロンWebアプリケーションの配布フォルダに構築するためのコマンドは、ng buildとコマンドが含まれているので、NodeJS環境だけでなくTomcatインスタンスに配置することもできます。

Angular-Cliは、Angular 2アプリを作成する際に必要なものをすべて提供します。 Table of Contentsをご覧ください。 Buildセクションはおそらくあなたがより興味を持っているものです

私はAngular-Cliを使用しています。私はそれを絶対に愛しています。

+1

明日これをチェックして、どうやって行ったか教えてください – Loreno

+0

@Loreno Cool!がんばろう! –

関連する問題