新しいJavaScriptプロジェクト（テスト、開発、ビルド）の開始方法は？

Question

私は何年も前からJavaScriptを開発してきましたが、テスト、開発、ビルドのすべてについて本当に考えたことはありませんでした。私たちはちょうどリリースのタグ付けが簡単なSubversionリポジトリを使用しました（すぐにgitに切り替える）。新しいより大きい純粋なJavaScriptプロジェクト（jQueryを使用）がすぐに到着するので、私は全体のプロセスを最適化したいと思います。

私はすでにいくつかの調査をしましたが、良いスタートチュートリアルは見つかりませんでした。

クラスを分割し、コードブロックをいくつかのjsファイルに分割し、大きなもの（PrototypeまたはjQueryのように）を分離することは間違いなく良い考えです。これらのjsファイルは1つのファイルに "ビルド"する必要があります。どのように達成するのですか？

私は私と私の同僚がコーディングしているものをユニットテストするのはかなり必要です。私はjs-test-driverがかなり仕事をしているように見えるEclipseプラグインを見つけました。開発者用フォルダにこれらのsrcとsrcのすべてのテストファイルが含まれている場合、ビルドプロセスでどのようにこのファイルを統合するのですか？

Answer 1

私はあなたの質問の一部にお答えします：

これらのJS-のファイルは 単一のファイルに「構築」でなければなりません。

これはサーバー側言語でのみ可能です.ASP.NETには、そのためのツールが組み込まれています。それ以外の場合は、実際の.jsファイルではなく独自の「合併」サーバーサイドファイルを作成して参照してください。

Answer 2

は、テストのために、これを見てみましょう：https://stackoverflow.com/questions/32809/javascript-unit-testing

Answer 3

をあなたはYUI Compressorようなものを使用することができます一つのファイルにあなたのJavaScriptのすべてをマージします。最初に最小化を探し、圧縮を2番目にする必要があります。ミニマイザーはファイルを取り込み、それらをマージして空白を取り除きます。コンプレッサーは、変数名を変更したり、不要なコードを削除したりすることによって、実際にjsを最適化しようとします。

ユニットテストの場合、私はあなたがそれをしたいと思っているのか分かりません。そこにはいくつかのユニットテストライブラリがあります。テストのための一般的なツールはSeleniumです。私は現在ユニットテストをしていませんので、私の所在はわかりません。

コードを設定するには、いつもExtJSやJavaScriptMVCのようなJavaScriptフレームワークを使用します。それらは適切な方法でコードを設定するのに役立ちます。また、適切な標準とコーディング構造にチームを集中させ、多くのコードを記述して、ホイールを再発明する必要はありません。

編集：思った後すぐに。 JavaScriptフレームワークを使用したくない場合でも、ExtJSのようなコードをチェックして、コードを整理する方法と、それをきれいにするためのトリックを確認することをお勧めします。

Answer 4

これらのjsファイルは、1つのファイルに "ビルド"する必要があります。どのように達成するのですか？

ファイルはバージョン管理で別々にしておき、ビルドプロセス中にそれらをマージするだけです。

YUI compressor mentioned elsewhereは、マージするだけでなく、もちろんJavaベースのツールです。 - ダウンロードを高速化するためにファイルを圧縮します。

シンプルなPerlまたはbashスクリプト（または他の優先スクリプト言語）を複数の.jsファイルを連結して1つのリリースにすることができます - ビルドスクリプトがすべてのHTMLも更新することを確認してください単一のページだけを参照するリリースで。