2011-06-24 9 views
1

すべて1つのファイルに依存関係を解決するJavaScriptライブラリを結合します。

私はいくつかのjsファイルを持っています。分割されたjsライブラリです。私はそれを1つのファイルにまとめる必要があります。 難しいのはファイルの結合順序を決めることです。 Jsでは、結合の順序が重要なので、

あなたはこれに関するツールやアドバイスを私のアプローチを知っていますか?

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

+0

純粋なJSベースのソリューションをお探しですか、それともサーバー側のソリューションですか?サーバー側の実装に基づいて、アプローチとツールは異なります。あなたは何を使用しています:asp.net? PHP?何か? – Mrchief

答えて

0

現在、ページにはさまざまなスクリプトがどのような順序で含まれていますか? そのは、開始する順序です。

それ以降に依存関係のエラーが発生した場合は、それぞれの問題を解決できます。これらの問題を解決する際には、ここでさらに具体的な質問をしてコードサンプルを提供することができます。

1

Pyramid jsは、この状況を処理するライブラリです。これは、他のJavaScript依存マネージャは行いませんいくつかの重要なことを行い、主に

  1. (はい、あなたは開発中にあなたの意見を分離することができますビューのHTMLを挿入するなど、...)、他のファイルを処理します
  2. は用のファイルを結合しますあなたはリリースの準備ができているときにjavascriptで(外部ツールをインストールする必要はありません)
  3. すべてのhtmlページに一般的なインクルードがあります。依存関係の追加、削除、名前の変更などのときに1つのファイルのみを更新する必要があります。

開発中の動作を示すサンプルコードです。

ファイル:dependencyLoader.js

//Set up file dependencies 
Pyramid.newDependency({ 
    name: 'standard', 
    files: [ 
    'standardResources/jquery.1.6.1.min.js' 
    ] 
}); 

Pyramid.newDependency({ 
name:'lookAndFeel', 
files: [ 
    'styles.css', 
    'customStyles.css' 
    ] 
}); 

Pyramid.newDependency({ 
name:'main', 
files: [ 
    'createNamespace.js', 
    'views/buttonView.view', //contains just html code for a jquery.tmpl template 
    'models/person.js', 
    'init.js' 
    ], 
    dependencies: ['standard','lookAndFeel'] 
}); 

HTMLファイル

<head> 
    <script src="standardResources/pyramid-1.0.1.js"></script> 
    <script src="dependencyLoader.js"></script> 
    <script type="text/javascript"> 
     Pyramid.load('main'); 
    </script> 
</head> 

注:私は、このツールをリリースしましたように私が偏っています。

関連する問題