問題タブ [systemjs-builder]

Angular2 と TypeScript を使用してアプリ (大規模) をまとめています。多数のプロジェクトに分割する必要があり、各プロジェクトには、それぞれ.htmlビュー、.cssスタイルシート、および.tsロジック/クラスを備えた多数のコンポーネントがあります。

各プロジェクトを 1 つのファイルにコンパイルし、*.jsIIS で実行されるホスト Web サイトにコピーしたいと考えています。これは、WPF または Silverlight アプリがビルドされ、.xamlすべてのファイルが.dll.

私はウェブを見回して、オプションを使用してファイルを.ts単一のファイルにビルドすることができました。しかし、これはファイルや..js--outFile.htmlcss

私が求めていることは不可能だと言っているとしても、どんな助けも大歓迎です:-)

スティーブン

angular 2アプリの静的バンドルを生成しようとしています（私の目標は、systemjsなしでスクリプトタグを使用してインポートする単一の縮小されたjsファイルを持つことです）。私のアプリには次の（簡略化された）構造があります。

これは私のtsconfigです：

これはsystemjs構成です：

...そして最後に私の一気飲みのタスク:

...しかし、実行すると、次のようになります。

...「アプリ」の下のサブフォルダーを無視しているようです...なぜですか? このエラーを修正するにはどうすればよいですか?

私は Angular2 チュートリアル プロジェクトhttps://angular.io/docs/ts/latest/tutorial/で遊んでいて、アプリのバンドルに SystemJS Builder を使用しました。ただし、モジュールを登録する生成されたバンドル コードのパスに苦労しています。ここに私のフォルダ構造があります:

systemjs.config.js ファイル:

一気飲みタスク:

生成されたバンドル ファイルで、すべてのモジュールが 経由System.registerDynamic('wwwroot/dist/main.js',...)で登録されましたが、機能しません。'wwwroot/'ただし、登録パスからすべてを手動で削除すると、アプリは動作を開始します (systemjs.config.jsファイル内の「dist」にマップされます)。

'wwwroot'フォルダーの追加を省略したり、正しく解決するには、ビルダー (またはシステム構成ファイル) をどのように構成すればよいですか? アドバイスをいただければ幸いです。

ありがとうございました！

これは私を殺している....rxjsをバンドルして、systemjsとangular 2.0.0で使用しようとしています

動作し、次のような行を含むファイルを生成します

スクリプト タグを使用してバンドルをロードし、systemjs 構成に何も追加しませんが、システムが個々のファイルをロードしようとしているのが見えます..

どうしたの？

私の理解では、 registerDynamic 呼び出しはレジストリを埋め、遅延読み込みを防ぐ必要があります....

私はバンドルを続行しませんでしたが、次はすべてのAngularファイルを連結してヘッドに配置します( systemjs config からすべてを削除します)。それはうまくいくでしょうか？

Angular2 と SystemJS を使用して Web アプリケーションを作成しています。アプリにいくつかのモジュールがあり、ルーター構成で遅延読み込みを使用してそれらを開きます。

これは、2 つのモジュールを遅延ロードするアプリのルーティング ファイルです。

開発サーバーと本番ビルドのタスクを作成するために Gulp を使用しています。ビルドには、アプリ全体の縮小された JS ファイルを作成する SystemJS Builder を使用します。

しかし...ビルドパッケージでサーバーを実行しようとすると、遅延ロードされたモジュールを実行しようとするとアプリが機能しません。次のエラーが表示されます。

これが私のsystemjs.config.jsファイルです：

編集：

静的バンドルを使用した SystemJs Builder サイトで説明されているように、モジュールをロードするために SystemJs は必要ありません。実際、静的バンドルを作成しています (buildStaticの代わりに , を使用bundle) が、SystemJs を除外しているため、モジュールを遅延ロードする方法は他にないようです。では、システム JS を使用せずに (フォルダー内のファイルをbundle使用せずに)、遅延読み込みモジュールを使用して製品ビルドを作成する方法を教えてください。私はWebPackがそれを行うことができると思います...systemjs.config.jsdist

私は、機能モジュールの遅延読み込みを使用したいAngular2アプリケーションに取り組んでいます。モジュールを機能モジュールとして分離し、オンデマンドでロードすることは、開発モードでは正常に機能しますが、機能モジュールを個別に (systemjs を使用して) バンドルし、本番環境でロードするにはどうすればよいですか?

個人的なプロジェクトのベースとなる最新の角度シード バージョンを複製しました。

を実行するnpm run build.prodと、レベルでこの問題に直面しbuild.bundles.appます。

ここに私のpackage.jsonファイルがあります

そして、ここに私の tsconfig.json があります

ここに、オーバーライドした tools/config/project.config.ts があります

他の角度シード構成ファイルは変更しませんでした。

ノード v7.0.0 および npm v3.10.8 で実行しています。

何年も r.js を使用してきましたが、systemjs-builder に移行しています。r.js が preserveLicenceComments: true で使用していたように、ファイルの先頭にライセンス コメントを保持できるフラグはありますか?

私の目標は同じで、すべてのサードパーティのライセンスを醜いファイルの先頭に置くことです。