5

プロジェクト テンプレートとして AngularJS Seed を使用して WebApp を作成しています。多くのコントローラー、ディレクティブ、サービスがあり、それぞれが独自の js ファイルにあります。

  • アプリ フォルダーの内容は、Closure を使用して縮小されます。
  • すべての lib 依存関係は、CDN を介して縮小されたバージョンに置き換えられます。
  • Testacular/Jasmine を使用した Unit/e2e テスト。

私は一般的にAngularJSとJavascript WebAppsの世界に慣れていないので、典型的なdev-compile-testプロセスが何であるかはわかりません:-)私の質問は、E2Eテストがデバッグ可能になるように、開発中にアプリのjsファイルを管理する方法です. これが私の現在の考えです。

  1. Testacular は、継続的な単体テストのためにソース ファイルを監視します。
  2. index.html ページは常に、連結されているが minfied されていない js ファイルを参照します。
  3. アプリを実行/e2e テストする前に、コンパイルを行う必要があります。
  4. ビルド サーバーは、そのアクティビティの一部として縮小されます。

これは合理的なアプローチですか？WebStorm、nodejsなどを使用していることを明確にするのに役立ちます.

4

2 に答える 2

0

縮小されたソースと縮小されていないソースをテストするための個別の構成を作成します。

ローカル：

$ testacular start  
# make some changes
$ minify.sh
$ testacular start testacular-minified.conf.js # you could skip this if you trust your minification

変更時にサーバーを構築します。

$ testacular start --no-auto-watch # you could skip this if you trust your minification
$ minify.sh
$ testacular start testacular-minified.conf.js

Jasmineテストとe2eテストの両方がある場合は、4つの構成ファイルが必要です。

于 2013-01-19T07:14:34.900 に答える
0

提案を提供してくれたすべての人に感謝します。それらはすべて、解決策を見つけるのに役立ちました。フロー図は (多かれ少なかれ) 有効なビルド プロセスを示しています。ここで重要なのは、ビルド ツールが必要だということです。ビルド ツール (この場合は GruntJS) の使用を実装して、多数のタスクのシーケンスを管理する必要があります。順序は目標によって異なり、ビルド ツールを使用すると、さまざまなシナリオでタスクを再利用できます。

AngularJS アプリの場合。github の angular-app を参照してください。

https://github.com/angular-app/angular-app

Angular アプリを実装するための参照アプリがあります。継続的なテスト、ビルド、およびリリースのために Grunt で実装されたビルド プロセスが含まれています。より一般的には、このリファレンス アプリは、高度に管理しやすく理解しやすい JavaScript プロジェクトを実装するための優れたガイドとなっています。

于 2013-03-27T21:00:00.857 に答える