ビジュアルスタジオのcordovaアプリでnpmを使用するにはどうすればいいですか？

Question

"Tools for Apache Cordova"ビジュアルスタジオプロジェクトテンプレートを使用してハイブリッドアプリを作成しようとしています。 angular2を使用するために、私はpackages.jsonに必要なモジュールを追加しました。

一度すべてをコンパイルして他の不足しているパッケージを修正すると、アプリケーションは「〜/ nodes_module」フォルダ内のパッケージがすべて「www」フォルダ内にあるためにロードを拒否します。

サンプルをロードするか（https://github.com/dbiele/TypeScript-Cordova-SystemJS-Angular2-beta）、アングルクイックスタート（https://angular.io/guide/quickstart）に従っても同じ問題があります。

私は、ハイビジョンアプリのパッケージ方法について根本的に何か間違っていると確信しています。ヘルプは非常に高く評価されます。

私はVisual Studio Community 2015を使用しています。 ノードとnpmを最新のバージョンに更新し、視覚スタジオでパスを更新して見つけました。

Answer 1

Angular2をCordovaで使用する場合は、Ionicフレームワークの使用を強くおすすめします。オリジナルのIonicフレームワークは安定していますが、Angular 1（http://ionicframework.com/getting-started/）を使用していますが、Ionic2はベータ版でAngular2（インストール手順はこちら：http://ionicframework.com/docs/v2/getting-started/installation/）を使用しています。

イオン性のメリットがたくさんあります：

• 知識豊富なコミュニティ（https://forum.ionicframework.com/）
• 内蔵のCSSライブラリ/ビルド前のコンポーネント（http://ionicframework.com/docs/components/）
プラグインの大規模なライブラリー（ http://ngcordova.com/）
• 開発ツール：ライブリロード、SASSサポート、アイコン/スプラッシュ作成など（http://ionicframework.com/docs/cli/）

運が良かった！

Answer 2

あなたはちょっと欠けています。必要なスクリプトをwwwフォルダにコピーするタスクが必要です。 Visual Studioのタスクランナーから呼び出すことができるGulpタスクを使用することをお勧めします。

npmパッケージをwwwフォルダに直接インストールしないでください。このようにして、ファイルが大量になり、アプリのサイズが不要になります。このアプローチはサーバーアプリケーションでは有効ですが、モバイルアプリでは使用できません。

私は個人的にも、Ionic2を使用することをお勧めします。モバイルアプリの素晴らしいフレームワークであるだけでなく、gulpfileを提供します。