2016-10-04 3 views
0

ブラウザでsystemjsダイナミックローダーを使用せずにangular2アプリケーションをロードしてブートストラップする方法はありますか?つまり、すべてのjsファイルを<script>タグまたはjquery $ .loadScript()でロードし、すべてのスクリプトがロードされたときにangle2アプリケーションをブートストラップしたいとします。ブラウザでsystemjsダイナミックローダーを使用しないでangular2アプリケーションをロードする

私は別のアプリケーションの中に注入されるアプリケーションを開発しており、ブラウザで一度にすべてのjs、html、cssを読み込む必要があります。サーバーのセキュリティのために動的ロードオプションはありません。私はsystemjs動的ロードを使用することはできませんし、すべてのhtml、css、jsを一度ロードしなければならず、ロードされると私はブラウザでangular2アプリケーションをブートストラップする必要があります。

私は他のすべてのリンクを行っていますが、それらはすべてsystemjsの動的ローディングとは関係がありますが、私は他の方法が必要です。

+1

あなたはWebPackを見ましたか? – Martin

+0

いいえ、私の理解の通り、webpackはtypescriptビルド用で、typescriptをjsファイルにコンパイルする際に必要です。しかし、私はjsファイルをロードしてブラウザにAngler2をブートストラップするブラウザで動的ロードを停止する必要があります。 webpackはブラウザでそれを行いますか? –

+0

No. SystemJSとWebpackは相互排他的でなければなりません。 TypeScriptのコンパイルの目的にも役立ちません。 WebpackはSystemJSの代替品です。これを使用すると、モジュールを1つのJSオブジェクトファイルに連結することができます。 – Martin

答えて

0

最後に、angle-cliオプションが私に役立ちます。ベータ10の後、彼らはsystemjsの動的ローダを削除し、ライブラリ(角、rxjsなどのすべての依存関係)用の1つのjsファイルとすべてのプロジェクトコード用の1つのjsファイルを作成しました。したがって、制作ビルドには、index.htmlファイルに2 jsのファイルリンクしか含まれません。スクリプトのための私のサーバーへの動的なロードと休憩はありません。

私は2足のジェネレータを足場アプリケーションに作成しました.1つはsystemjs動的ロードで、もう1つはsystemjsロードなしで、同じ問題がある場合に参照できます。 systemjs(角-CLI)なし

:systemjs動的ロードで

npm install -g yo 
npm install -g generator-angular2-without-systemjs 
yo generator-angular2-without-systemjs 

:バベルと

npm install -g yo 
npm install -g generator-angular2-with-systemjs 
yo generator-angular2-with-systemjs 

問題::バベルがサポートしていません

タイスクリプト、バーベルを使用するには、私はhav eを使用してすべてのスクリプトコードをjsに移動します。構文も少し異なります。私は原稿から離れるつもりはなかった

関連する問題